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;
});