Question

我正在使用featherlight轻量级jQuery灯箱插件，但我不了解如何使用click事件加载灯箱，因为我不熟悉jQuery代码。

这是我的代码工作：

HTML：

<a href="#" data-featherlight="#fl1">Load Lightbox</a>
<button id="openbox">Load Lightbox on click event</button>

<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的：

jQuery(document).on("click", "#openbox", function() {
    jQuery('.lightbox').featherlight();
});

JSFiddle：jsfiddle.net/g68bZ/18/

评论回复：

但是如果我想显示具有逻辑条件的灯箱，例如：

var checkedCount = $('.chkAssets:checked').length; // Getting some counts

if(checkedCount == 1){
    // Load lightbox if condition is match
}

我希望有人能指导我。

感谢。

Answer 1

     $.featherlight('#fl1');

注意灯箱有id＆＃34; fl1＆＃34;

这是小提琴 http://jsfiddle.net/g68bZ/26/

这里有if else示例 http://jsfiddle.net/g68bZ/27/

jQuery lightbox（featherlight）无法使用click事件

1 个答案: