ParentでJqueryを読み込んでいますか？

Question

私は、外部のjs（index.js）ファイルをロードする単純なページindex.php（親）を持っています。

jsファイルのコードの一部はindex.phpページで使用されていますが、ポップアップとして開かれている新しいページ（test.php）で使用したい他のコードです。

私が持っているindex.jsのコードは次のとおりです。

$("li").on(function(){ 
    if (!$(this).hasClass("active")) { 
     var Num = $(this).index(); 
     var nthChild = Num+1; 
     $("li.active").removeClass("active"); 
     $(this).addClass("active"); 
     $("li.active").removeClass("active"); 
     $("li:nth-child("+nthChild+")").addClass("active"); 
    } 
}); 

、それは私がポップアップページを開きbpopupを使用してい

test.phpをに持ってliと対話する必要がありますこの使用：

$("#openPop").click(function(e) { 
     $('#element_to_pop_up').bPopup({ 
      loadUrl: 'test.php', 
     }); 
    }); 

を私は、ポップアップページにJSを追加した場合、それは動作しますが、私はindex.phpのが、test.phpをとの相互作用によってロードindex.jsに含めるしたいと思います。

は可能ですか？私は、クリックイベントに関数を置くの下

おかげ

Answer 1

あなたのliコードは、すでに間違っています。私がやったことは、まだ存在していない李ではなく、体に縛られています。それでも、正しい李がクリックされるのを聞きます。

$("body").on('click', '#element_to_pop_up li', function(){ 
    if (!$(this).hasClass("active")) { 
     var Num = $(this).index(); 
     var nthChild = Num+1; 
     $("li.active").removeClass("active"); 
     $(this).addClass("active"); 
     $("li.active").removeClass("active"); 
     $("li:nth-child("+nthChild+")").addClass("active"); 
    } 
});