为什么我的JS只在我调试时工作？

Question

我有一个带有两个div的容器，content1带有一个打开按钮和content2。

有两个选项卡，content1Tab和content2Tab，单击时应分别使用z-index显示content1和2。

content1中的open按钮从page.php加载带有containerOther的容器。所有这些似乎只有在我单步执行代码时才有效。

$(document).ready(function(){ 
  $("#content1Tab, #content2Tab").click(function(event) {          
        var myString = $(this).attr('id');
        var parts = myString.split("Tab");
        var thePart = parts[0];
        $("#container").load("../index.php #container> *", function() {                
            $('#btnOpen').click(function(){ 
                $("#container").load("../page.php #containerOther> *");
            });
        });
        $("#content1Tab, #content2Tab").css('z-index', 7);
        $(this).css('z-index', 9);
        $("#content1, #content2").css('z-index', 7);
        $("#"+thePart).css('z-index',9);
    });
});

当我只运行索引页面时，代码似乎停在第6行

 $("#container").load("../index.php #container> *"

就像在，容器显示content1，无论我点击哪个选项卡，打开按钮都不起作用。

Answer 1

看起来你在这里有一个错误"../index.php #container> *"。加载函数将尝试加载URL“index.php％20％23container％3E％20 *”而不是index.php。

我认为它应该只是“../index.php”。