javascript - 点击事件仅适用于页面加载后的第一次点击

Question

我将这个弹出插件用于 jquery 并得到一些奇怪的行为。我已经联系了创建者，但没有得到答复，我想在这里询问我的代码是否存在任何一般性问题。

设置：在新选项卡中打开页面的常规 html 链接（适用于 JS 禁用用户）。

下面的 js 捕捉链接点击并动画弹出而不是跟随链接。

问题：它在每个页面加载的第一次点击中起作用，但是在点击之后点击href。

js

 $("a[class*='popupbox-link']").live("click",function (e) {
        if($("#popupbox").length == 0){
            $('body').append('<div id="popupbox"><a class="bClose">Stäng</a><div id="pContent"></div></div>');
        }
        var url = this.href;
        $("#popupbox").bPopup({contentContainer:'#pContent', loadUrl: url });
        e.stopPropagation();

        return false
    });

Answer 1

尝试使用委托而不是现场

Answer 2

尽量防止事件传播

$("a[class*='popupbox-link']").live("click",function (e) {
   e.stopPropagation();
   if($("#popupbox").length == 0){
      $(‘body’).append(‘Stäng‘);
   }
   var url = this.href;
   $("#popupbox").bPopup({contentContainer:'#pContent', loadUrl: url });


   return false;
});