javascript - 在 Meteor 中使用 custombox.js 打开模式弹出窗口

Question

如何使用 Meteor 中的 custombox.js 插件打开模型弹出窗口？它在我的非 Meteor 页面上运行良好，但现在我似乎无法渲染它。

我认为问题在于 custombox 使用 jquery 的 .fn 原型(prototype)，因为我遇到了未定义函数错误。我尝试了这个，因为它应用在布局的子模板中(feedsItem 又是 feed 的子模板)。

该代码旨在打开一个模式弹出窗口，其中包含有关新闻帖子的更多详细信息。单击时应打开模式弹出窗口的超链接的 html 代码是:

<a href="#modal" class="list-group-item" id="flip">Read More</a>

以及作为模式弹出窗口打开的 html(关闭 onclick 也将是稍后的事件。):

<div id="modal" style="display: none;" class="modal-example-content">

            <div class="modal-example-header">

                <button type="button" class="close" onclick="$.fn.custombox('close');">&times;</button>

                <h4>Detalhe da Noticia</h4>

            </div>

            <div class="modal-example-body">

                <p>Lorem Ipsum is simply dummy.</p>

            </div>

        </div>

我的模板事件代码是:

Template.feedsItem.events({
    'click #flip': function(e){
        var flip_position = ['vertical','horizontal'];
        $.fn.custombox( this, {
            effect:     'flip',
            position:   flip_position[Math.floor((Math.random()*2))]
        });
        e.preventDefault();
    }
});

编辑我显示了弹出窗口，但现在打开时出现 404 错误。这显然是因为它没有渲染目标 div(模态)。问题是我在子模板而不是父模板(Feeds)中渲染它。

Answer 1

尝试新版本:

http://dixso.github.io/custombox/

问候。