添加&加载jquery选项卡

时间:2010-12-14 18:54:59

标签: jquery ajax tabs

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

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

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

请注意,我将把一个id参数传递给addTab函数,然后传递给url,但我只想把这些初始机制传递下来。

1 个答案:

答案 0 :(得分:0)

您只能使用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" );
}