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

Question

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

我可以使用href切换标签，例如jQuery UI标签示例代码：

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;
});

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

<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");

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

谢谢！

-Matt

Answer 1

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

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

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