jquery选项卡式ui-加载代码中的javascript不再工作

我试图使用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>

测试按钮

它必须工作。
如果您向我们展示您的HTML，我们可能会尽力提供帮助。
你可以检查我的密码和密码

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

更新：

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

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

或者使用超链接并在按钮中对其进行变换：

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

---

感谢您回复LeftyX-在您的代码中您使用的是超链接，但在我的代码中，我有一些按钮，这些按钮具有onclick属性，可以直接指向另一个php文件。onclick现在已停止工作。我将尝试获取一些代码-谢谢您的帮助！嘿，非常感谢你的帮助！奇怪的事情正在发生！我试过你的方法，它对一些按钮有效。然而，对于一些最初触发jQuery的按钮，它不起作用，但是如果您继续单击按钮，它最终会起作用！知道为什么吗？嗨！实际上，我已经在这里提出了一个问题——那里有我的代码的“简化”版本——任何提示都将不胜感激！谢谢：D@user1058210当前位置您似乎缺少一些脚本。看看我的示例代码，看看应该如何加载jQuery/jQuery UI脚本。我已经复制了您的头文件，但它仍然不起作用。你认为这可能与我使用的是PHP文件而不是html有关吗？这是我所能看到的我们的代码之间的主要区别

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

$("#thisIsAButton").button();