Question

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

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

content1 中的打开按钮从 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”。

为什么我的JS仅在调试时才能工作？

1 个答案: