jqueryclick只工作一次

jqueryclick只工作一次,jquery,lightbox,Jquery,Lightbox,我在用剧本 这是HTML(页面上有多个。团队成员): 这是我的JS: <script> jQuery('.team-member').click(function() { jQuery(this).children('.member-info').lightbox_me({ centered: true }); }); </script> jQuery('.team member')。单击(函数(){ jQuery(this).c

我在用剧本

这是HTML(页面上有多个
。团队成员
):


这是我的JS:

<script>
jQuery('.team-member').click(function() {
    jQuery(this).children('.member-info').lightbox_me({
        centered: true
    });
});
</script>

jQuery('.team member')。单击(函数(){
jQuery(this).children('.member info').lightbox\u me({
对
});
});

我可以单击每个
。团队成员
,当我单击页面时,灯箱会弹出并消失……就像它应该做的那样,但是我只能这样做一次。如果我再次单击,灯箱不会再次弹出。有没有办法解决这个问题?

由于您没有提供任何小提琴链接,我不确定,但您可以尝试下面的方法,看看它是否有效

jQuery('.team-member').live('click',function() {
    jQuery(this).children('.member-info').lightbox_me({
        centered: true
    });
});

这是因为lightbox_me正在将DOM元素移出其初始位置,并在应用其样式之前将其附加到主体中。如果您熟悉jQuery对话框的行为,这与jQuery对话框的行为类似

由于选择取决于父级层次结构,因此下次发生单击事件时,
jQuery(this).children(“.member info”)
不会返回任何匹配的对象,并且对lightbox_me的调用失败

您可以通过在光装箱之前克隆对象,然后将destroyOnClose标志设置为true来解决此问题

jQuery('.team-member').click(function() {
    jQuery(this).children('.member-info').clone().lightbox_me({
        centered: true,
        destroyOnClose: true
    });
});

控制台上有错误吗?如果您能提供一个JSFIDLE演示就更好了。您是否使用了
destroyOnClose:true
?我使用了
destroyOnClose
,但没有用。使用
clone()
也是一个技巧。你不知道我现在有多爱你。非常感谢!
jQuery('.team-member').click(function() {
    jQuery(this).children('.member-info').clone().lightbox_me({
        centered: true,
        destroyOnClose: true
    });
});