首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
社区首页 >问答首页 >jQuery选项卡小部件-交换选项卡内容

jQuery选项卡小部件-交换选项卡内容
EN

Stack Overflow用户
提问于 2012-08-29 15:52:32
回答 1查看 409关注 0票数 0

我已经使用PHP构建了一个应用程序,并给它提供了一个使用jQuery的基本界面,但是现在我希望通过使用HTML小部件来改善外观。我已经加载了选项卡式小部件作为主菜单,并将我的应用程序的主要部分链接到这些部分--因此实际上我有一个工作的主菜单。当我点击一个选项卡,一个页面载入窗口,但问题是,如果我然后单击该页面上的一个链接,它将带我到一个不同的地方。对于我来说,在那个选项卡中加载新页面的最简单方法是什么?

下面是一个指向我正在谈论的小部件的链接:http://jqueryui.com/demos/tabs/#default

编辑:在这个链接下面有一个教程代码片段,上面写着

“当前选项卡中的...open链接,而不是离开页面”

加载选项卡内容后的"Hijax“链接:

代码语言:javascript
代码运行次数:0
运行
复制
$('#example').tabs({
    load: function(event, ui) {
        $(ui.panel).delegate('a', 'click', function(event) {
            $(ui.panel).load(this.href);
            event.preventDefault();
        });
    }
});

这听起来很有希望,但我不知道如何使用它。在我的选项卡式界面页面(tabbedhome_v.php)中,我有一个带有id=“选项卡”的容器,其中包含选项卡内容。因此,我只是把代码中的示例改为“选项卡”,它现在似乎适用于更多的页面,但并不完全是出于某种原因。有人能给我解释一下这是怎么回事吗?

我在上面的代码中观察到:图像超链接引导下一个页面在面板中加载,但是我在这些页面上加载的javascript链接或jquery都没有工作。为什么会这样呢?

EN

回答 1

Stack Overflow用户

发布于 2012-08-29 15:56:45

由于您已经在使用jQuery,您可能需要查看.load()http://api.jquery.com/load/

您可以使用它将页加载到页中的元素中。

代码语言:javascript
代码运行次数:0
运行
复制
$('#tab-1').load('content.html');
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/12181851

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档