Jquery 在 Parent 中加载，在弹出窗口中使用？

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

它应该与我在 test.php

中的 li 交互

我正在使用 bpopup 打开弹出页面：

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

如果我将 JS 添加到弹出页面，它就会工作，但我想将它包含在由 index.php 加载但与 test.php 交互的 index.js 中。

这可能吗？

谢谢

Answer 1

你的li代码已经不对了，下面我把函数放到了一个点击事件中。我还做的是将它绑定到 body，而不是一个尚不存在的 li。不过，它仍会监听要单击的正确 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");
    }
});

Jquery 在 Parent 中加载，在弹出窗口中使用？

Jquery loading in Parent, using in popup?

jquery

popup

parent