2010-06-15 41 views
0

我有一些标签,加载ajax内容。当我点击这些标签时,它完全加载了ajax内容,没有任何问题与Jqueryui演示中的完全一样。jquery点击功能不会加载ajax标签

但是,当我尝试使用onclick函数更改选项卡时,它会打开选​​项卡,但不会执行ajax。这是一个已知的问题吗? ajax选项卡是否依靠用户单击href来知道要加载的内容。

这是代码:使用点击功能时

$("#signuptabs").tabs(); 

<div id="signuptabs"> 
    <ul> 
     <li><a href="type.php"><span>type</span></a></li> 
     <li><a href="umber.php"><span>CNumber</span></a></li> 
     <li><a href="vices.php"><span>s</span></a></li> 
     <li><a href="ups.php"><span>ups</span></a></li> 
    <li><a href="ext.php"><span>ext</span></a></li> 
     <li><a href="enu.php"><span>IMenu</span></a></li> 
     <li><a href="info.php"><span> Information</span></a></li> 
    </ul> 

</div> 


$(".step2next").click(function() $('#signuptabs').tabs("select" , 1)); 

它不会加载外部内容。

+0

你在那里的语法是无效的,但我怀疑这是实际的问题。你能用你正在使用的代码更新问题吗? – artlung 2010-06-15 21:51:19

+0

我已经用代码更新了问题 – user342391 2010-06-15 22:22:14

回答

0

Jquery UI选项卡在链接Href和div id之间有关系,用于标识每个选项卡的内容......如果使用Jquery UI提供的常规代码,则需要保持该关系活着!

<div id="tabs"> 
    <ul> 
    <li><a href="#tabs-1">TAB 01</a></li> 
    <li><a href="#tabs-2">TAB 02</a></li> 
    <li><a href="#tabs-3">TAB 03</a></li> 
    </ul> 
    <div id="tabs-1"> 
    <p>Content for Tab 01 because this Div id is equal to Href content of TAB 01 description</p> 
    </div> 
    <div id="tabs-2"> 
    <p>Content for Tab 02 because this Div id is equal to Href content of TAB 03 description</p> 
    </div> 
    <div id="tabs-3"> 
    <p>Content for Tab 03 because this Div id is equal to Href content of TAB 03 description</p> 
    </div> 
</div> 

如果您改变了“标准”方式,您需要提供更多的代码!

对于Ajax内容,使用上述斯科尔,内容加载到合适的DIV ID ...

PS:这都是有效的,如果我理解正确你的问题!

0

我不是太熟悉的UI选项卡,但不是在步骤2中的点击指定的标签功能,你可以尝试触发标签本身的点击,例如...

$(".step2next").bind('click',function(){ 
    $("#tab_id").trigger('click'); 
}); 

只需将“#tab_id”实际所在的选项卡放入即可。