我已经使用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”的容器,其中包含选项卡式内容。所以我只是将代码中的单词示例更改为“tabs”,它似乎可以工作更多页面现在,但不是出于某种原因。有人会介意向我解释这是如何运作的吗?
我在上面的代码中观察到:图像超链接引导下一页加载到面板中,但是我在这些页面上加载的javascript链接或jquery现在都没有。这是为什么?
答案 0 :(得分:0)
由于您已经在使用jQuery,因此您可能需要查看.load()
:http://api.jquery.com/load/
您可以使用它将页面加载到页面中的元素
$('#tab-1').load('content.html');