Question

我在模态灯箱视图中有一个关闭按钮。但是如果你点击按钮，窗口就不会关闭。

这是我的HTML代码：

<a href="#" data-featherlight="#fl1">lösche</a>


<div class="lightbox" id="fl1">
    <h2>Delete Item</h2>
    <div class="row">
        <div class="twelve columns">
            <strong>Are you Sure?</strong><br>
           blubblub?
        </div>
    </div>

    <div class="right">

       <a href="#" class="btn btn_gray no text_none" id="close_button">Close</a>
        <a href="#" class="btn btn_red text_none">Yes</a>
    </div>
</div>

这是我的jQuery代码：

// Close Button featherlight

jQuery('#close_button').click(function(){
    console.log("test");
    jQuery('.featherlight').click();
});

JSFiddle DEMO

Answer 1

插件似乎在运行中生成元素（克隆没有绑定数据???），然后你需要委托事件，例如：

jQuery(document).on('click','#close_button',function(){
    console.log("test");
    jQuery('.featherlight').click();
});

SEE jsFiddle

简单的关闭按钮功能featherlight不工作jquery

1 个答案: