0

我正在尝试将 jQuery 选项卡式小部件用作我的应用程序的菜单，并设法设置选项卡式界面，以便在单击选项卡时显示该部分的第一页。根据文档，如果您单击此页面上的链接并希望它加载到同一个选项卡中，那么您需要使用下面的代码。这部分有效，因为现在当我单击该页面上的图像超链接时，它会在选项卡式窗口中呈现新页面。

但是，当我单击具有 javascript 的按钮时，该按钮不再起作用。这是所有 javascript 的情况。如何让 javascript 在新的选项卡式界面下再次运行？ 

$('#example').tabs({
    load: function(event, ui) {
        $(ui.panel).delegate('a', 'click', function(event) {
            $(ui.panel).load(this.href);
            event.preventDefault();
        });
    }
});

编辑：因此，如果您在第 1 页文件中将以下行添加到 LeftyX 的代码中，则该按钮会导致 page4.html 打开，但不会在选项卡中执行此操作

<button onclick="location.href='Page4.html'">Test button </button>
4

1 回答 1

1

它必须工作。
如果您向我们展示您的 HTML，我们可能会尽力提供帮助。
您可以查看我的示例并下载代码。

尝试使用一些开发工具检查您的脚本中是否有任何错误（例如：Google Chrome 开发人员工具）

更新：

如果您使用的是按钮，则可以使用一些 HTML5 属性：

<button data-pagelink="Page4.html">Test button</button>

并捕获点击事件：

$(ui.panel).delegate('button', 'click', function(event, o) {
    $(ui.panel).load(this.dataset.pagelink);
    event.preventDefault();
});

或使用超链接并将其转换为按钮：

<a id="thisIsAButton" href="Page4.html">go to page 4</a>

有了这个：

$("#thisIsAButton").button();
于 2012-08-30T13:58:49.207 回答