【问题标题】:How can I load in a bootbox a custom element with javascript methods attached?如何在引导箱中加载附加了 javascript 方法的自定义元素?
【发布时间】:2015-06-23 17:24:16
【问题描述】:

我想在引导箱内使用裁剪和调整图像大小。为此,我使用Cropper

基于the examples of Cropper,我应该在我的引导箱中实例化裁剪器对象,当它显示并在它关闭时将其删除。

是否可以或应该使用常规引导模式?

例如,我可以在引导箱message 中添加一个script 标签以便在那里完成这项工作吗?那会很脏,在我承诺之前,我想检查一下更干净/优雅的方法。

【问题讨论】:

    标签: javascript meteor bootbox


    【解决方案1】:

    我使用引导箱自定义对话框的模式是这样写:

    message: "<div id='dialogAnchor'></div>"
    

    在引导箱对话框定义中,然后使用

    进行后续操作(您创建引导箱之后)
    Blaze.render(Template.myDialog,$("#dialogAnchor")[0])
    

    将我的模板直接嵌入到引导框对话框中。这使得管理引导箱的内容变得更加简单。我没有使用cropper,但假设您可以在普通模板中使用它,那么您可以使用上述模式将该模板放入引导箱。

    【讨论】:

    • 谢谢!我尝试使用空格键(例如{{&gt; myTemplate}})帮助器渲染模板,但它不起作用。您的方式有效,并且确实非常简单:-)。我验证了答案,但请将 HTML 放在消息键中的引号下(按原样不正确)并指定您的 Blaze.render 必须在 bootbox.dialog 函数之后执行,但在它之外。跨度>
    猜你喜欢
    • 1970-01-01
    • 2016-12-13
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2015-10-30
    相关资源
    最近更新 更多