1

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

例如，我有一个 index.html 页面，其中包含 3 个选项卡。Onclick 每个选项卡都会加载 extern1.html、extern2.html、extern3.html。这 3 个外部页面需要几个 jQuery 操作（onload-actions、onclick-actions 等）。

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

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

那么我必须把我的 jQuery 代码放在哪里呢？（一些例子？）

非常感谢！

4

3 回答 3

1

将您的 jQuery 放在母 html 上并使用.live()函数来绑定您想要的事件。文档在这里。

于 2010-01-27T11:31:45.500 回答
1

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

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

或者：

$('.your-tabs-container').bind('tabsload', 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
于 2010-01-27T11:34:19.903 回答
0

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

指数：

  • 包含 jQuery 库

外部1：

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

外部2：

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

我就是这样做的:-)

于 2010-01-27T11:35:20.140 回答