我已经使用 PHP 构建了一个应用程序,并使用 HTML 为它提供了一个不同的基本界面,但我现在希望通过使用 jQuery UI 小部件来改善外观。我已经加载了选项卡式小部件以用作主菜单,并将我的应用程序的主要部分链接到这些 - 所以我有一个有效的主菜单。当我单击一个选项卡时,窗口中会加载一个页面,但问题是如果我随后单击此页面上的链接,它将带我到另一个地方。让我在该选项卡中加载新页面的最简单方法是什么?
这是我正在谈论的小部件的链接:http: //jqueryui.com/demos/tabs/#default
编辑:在该链接下面有一个教程代码片段,上面写着
“...在当前选项卡中打开链接而不是离开页面”
加载选项卡内容后的“Hijax”链接:
$('#example').tabs({
load: function(event, ui) {
$(ui.panel).delegate('a', 'click', function(event) {
$(ui.panel).load(this.href);
event.preventDefault();
});
}
});
这听起来很有希望,但我不确定如何使用它。在我的选项卡式界面页面(tabbedhome_v.php)中,我有一个 id="tabs" 的容器,其中包含选项卡式内容。所以我只是将代码中的单词 example 更改为“tabs”,它似乎可以工作更多现在的页面,但由于某种原因并非全部。有人介意向我解释这是如何工作的吗?
我在上面的代码中观察到的情况:图像超链接引导下一页在面板中加载,但我在这些页面上加载的任何 javascript 链接或 jquery 现在都不起作用。为什么是这样?