添加&加载 jquery 选项卡

Question

我有一个 jquery tabs 对象，它以定义的一个选项卡开头。该选项卡显示一个数据表，我希望单击表中的项目创建一个新选项卡并通过 ajax 加载内容。非常动态。

到目前为止，我有一个从第一个选项卡的 onclick 事件调用的函数。该功能添加了一个新选项卡。接下来，我尝试设置一个网址，但这不起作用。我该怎么做？

function addTab() {
    $( "#tabs" ).tabs( "add", "#tabs-x", "New Tab" );
    $( "#tabs" ).tabs( "url" , 1 , "http://mysite.com/details.php" );
}

请注意，我将向 addTab 函数传递一个 id 参数，然后再传递给 url，但我只想了解这些初始机制。

Answer 1

您只能使用 url 方法更改现有删除选项卡，因此您需要首先将其远程设置，如下所示：

function addTab() {
    $( "#tabs" ).tabs( "add", "http://mysite.com/temp", "New Tab" );
    $( "#tabs" ).tabs( "url" , 1 , "http://mysite.com/details.php" );
}

或者只需在添加时进行初始设置更简单：

function addTab() {
    $( "#tabs" ).tabs( "add", "http://mysite.com/details.php", "New Tab" );
}