在何处按UI选项卡放置外部加载页面的jQuery操作

我想知道应该在哪里通过UI选项卡定义外部加载页面的jQuery操作

例如，我有一个index.html页面，包括3个选项卡。单击每个选项卡将加载extern1.html、extern2.html和extern3.html。这3个外部页面需要几个jQuery操作（onload操作、onclick操作等）

当我将外部页面的所有jQuery代码放入索引并加载其中一个外部页面时，当我单击选项卡时，此jQuery代码不会影响外部加载的页面

当我将外部页面的所有jQuery代码放入外部页面本身时，它会引起麻烦（我认为），因为当我多次加载选项卡/外部页面时，它会一次又一次地加载jQuery代码，对吗

那么我必须把jQuery代码放在哪里呢？（举个例子？）

---

非常感谢

将jQuery放在母html上，并使用

.live（）

函数绑定所需的事件。

---

文档。

您可以将代码放入选项卡加载的事件处理程序中：

$('.your-tabs-container').tabs({
   load: function(event, ui) { /* your code here */ }
});

或：

在这些情况下，根据文档，您可以从

UI

参数中检索必要的UI信息：

ui.tab     // anchor element of the selected (clicked) tab
ui.panel   // element, that contains the selected/clicked tab contents
ui.index   // zero-based index of the selected (clicked) tab

---

您应该只包含jQuery库一次！在您的索引页上。 在外部页面上，您应该包括用于单个外部页面的javascript：

索引：

• 包含jQuery库

外部1：

• 与外部页面1相关的jQuery函数

外部2：

• 与外部页面2相关的jQuery函数

我就是这样做的：-）

ui.tab     // anchor element of the selected (clicked) tab
ui.panel   // element, that contains the selected/clicked tab contents
ui.index   // zero-based index of the selected (clicked) tab