jQuery UI，选择带有文本链接的选项卡并加载链接特定的 ajax 内容

Question

我正在使用 jQuery UI 选项卡来创建一个选项卡，我可以在其中搜索记录，然后在其他选项卡中查看单个记录的详细信息。我正在尝试让搜索结果链接点击打开相关选项卡并加载该搜索结果的特定 ajax 内容。

我可以使用带有 jQ​​uery UI 选项卡示例代码之类的 href 来切换选项卡：

var $tabs = $('#example').tabs(); // first tab selected

$('#my-text-link').click(function() { // bind click event to link
    $tabs.tabs('select', 2); // switch to third tab
    return false;
});

我看到 ajax 内容通常是通过在选项卡本身上设置 href 来加载的：

<li><a id="customerTabLink" href="#tabs-2"><span>Customer</span></a></li>

我已尝试将此添加到 my-text-link onclick 函数中以动态设置选项卡的 href，但这不会在我的选项卡中加载内容。

$('#customerTabLink').attr("href", "/view/dspClient.cfm?id_customers=15");

是否有另一种方法可以在不设置此 href 的情况下在选项卡中加载 ajax 内容？还是我错误地设置了href？这是我应该使用负载的东西吗？ http://docs.jquery.com/Events/load

谢谢！

-马特

Answer 1

要更改选项卡用于 AJAX 调用的 URL，您应该使用以下命令：

$('#example').tabs('url', 1, '/view/dspClient.cfm?id_customers=15');

第一个参数告诉您要更改选项卡 URL。第二个参数是您要更改网址的页面的索引（从零开始，所以 1 是第二个选项卡），第三个参数是新的网址。