Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/84.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 在Meteor中使用custombox.js打开模式弹出窗口_Javascript_Jquery_Html_Meteor - Fatal编程技术网

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

Javascript 在Meteor中使用custombox.js打开模式弹出窗口,javascript,jquery,html,meteor,Javascript,Jquery,Html,Meteor,如何使用Meteor中的custombox.js插件打开模型弹出窗口?。 它在我的非流星页面上运行良好,现在我似乎无法渲染它 我认为问题在于custombox使用了jquery的.fn原型,因为我得到了一个未定义的函数错误。我尝试过这样做,因为它应用于布局的子模板(feedsItem,feed的子模板) 该代码旨在打开一个模式弹出窗口,其中包含有关新闻帖子的更多详细信息。 单击模式弹出窗口时应打开的超链接的html代码为: <a href="#modal" class="list-grou

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

我认为问题在于custombox使用了jquery的.fn原型,因为我得到了一个未定义的函数错误。我尝试过这样做,因为它应用于布局的子模板(feedsItem,feed的子模板)

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

<a href="#modal" class="list-group-item" id="flip">Read More</a>
编辑 我得到了弹出显示,但现在我得到一个404错误时,它打开。这显然是因为它没有呈现目标div(modal)。 问题是我在子模板而不是父模板(提要)中呈现它。

尝试新版本:

问候

<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();
    }
});