Question

我有一个显示内联DOM元素的颜色框。

第一次显示colorbox时工作正常，但如果我关闭它并尝试再次打开则不起作用。

创建colorbox时，会删除#my-content-div的子元素，并在＃my-content-div中添加display：none，并且颜色框显示正常。但＃my-content-div内容并不受尊敬。

这是我的HTML：

<div style="display: none;">
        <div id="my-content-div">
            My content!!
        </div>
</div>

<input type="button" id="show-my-content" value="Click to show my content">

我的JS：

$(document).ready(function () {
    $('#show-my-content').live('click', function(){
        $.colorbox({
            inline: true,
            href: "#my-content-div"
        });
    });
});

Answer 1

尝试将.live()更改为.on

$(document).ready(function () {
    $('#show-my-content').on('click', function(){
        $.colorbox({
            inline: true,
            href: "#my-content-div"
        });
    });
});

从jQuery 1.7开始，不推荐使用.live（）方法。使用.on（）附加事件处理程序。旧版jQuery的用户应该使用.delegate（）而不是.live（）。

src：jQuery .live()

内联颜色框在关闭时删除内联div内容

1 个答案: