jQuery选项卡式ui-已加载代码中的javascript无法正常工作

Question

我正在尝试将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>

Answer 1

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

使用某些开发工具（例如：Google Chrome开发者工具）尝试检查脚本中是否存在任何错误

更新：

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

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

并捕获click事件：

$(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();