向下移动DOM树时，jQuery .load（）无法可靠地加载js文件

Question

措辞令人发指的问题，我知道...

我正在尝试将页面加载到asp：listview内的div中。 第一次尝试时页面加载正常，但随后的加载似乎无法运行jquery.ui.js文件来将加载的页面制成表格。

我将调用转移到.load（）函数的回调函数中，以将加载的页面标记为选项卡，但这并没有更好地解决该问题。 代码如下：

$(".clientModal").click(function() {
            var clientID = $(this).attr("title");
            if ($(this).hasClass("highlight")) {
                $('#ClientPanel' + clientID).slideToggle(200);
            }
            else {
                $('#ClientPanel' + clientID).load("Details.aspx?id=" + clientID, null, function() {
                    $("#clientTabs").tabs();
                    $('#ClientPanel' + clientID).slideToggle(200);
                });
            }
            $(this).toggleClass("highlight");
        });

由于我们也在使用Microsoft Ajax，因此它在函数pageLoad（）中，并且希望在pageLoad而不是document.ready上执行。 关于为什么jquery.ui在初始加载时可以正常工作，但在后续加载时不能正常工作的任何想法？ 谢谢！

编辑！ 让我在这里添加一些信息。 我注意到，如果我从屏幕底部向上单击链接，它会按预期运行，显示选项卡并正常工作。 但是，如果我自上而下，它会在第一次单击时起作用，然后在随后的单击中使DOWN不能正常工作，但是单击UP则可以。

我在这里完全疯了吗？ :)

Answer 1

尝试使用已加载的页面以及正在加载页面的页面来加载jquery.ui文件。 加载的页面可能不知道jquery.ui。

Answer 2

问题出在调用clientTabs的ID。 向上移动树时，它没有问题，因为它找到了#clientTabs的第一个实例并应用了UI，向上移动时，第一个实例是我想要的。 向下移动时，#clientTabs的第一个实例不是我正在呼叫的实例，因此它不起作用。

因此，切换到类引用（$（“。clientTabs”）），它现在可以正常工作。 有时候，类比id要好。