我需要在jQuery选项卡上选择特定的选项卡功能,点击html按钮。我正在使用jquery.1.9.1.js和jquery-ui-1.10.2.custom.js文件。我已经实现了下面的代码,但不适合我。
<script language="javascript" type="text/javascript"> $("#ui-tabs").tabs(); function SelectTab() { // bind click event to link $('#ui-tabs').tabs('select',2); // switch to third tab return false; } </script> <div id="ui-tabs"> <ul> <li><a href="#tabs-1">Nunc tincidunt</a></li> <li><a href="#tabs-2">Proin dolor</a></li> <li><a href="#tabs-3">Aenean lacinia</a></li> </ul> <div id="tabs-1">Tab1 content </div> <div id="tabs-2">Tab2 content </div> <div id="tabs-3">Tab3 content </div> </div><a id="next" class="button-style" href="#" onclick="return SelectTab();">Select Tab</a>
问题是语句$(‘#ui-tabs’)。tabs(‘select’,2);在功能SelectTab给我错误Microsoft JScript运行时错误:没有这样的方法’选择’为标签窗口实例。正常选择标签点击他们工作正常。但是从函数调用完成后,它不起作用。执行过程中出现了什么问题,还是有文件丢失?请建议。
解决方法
在这个版本中没有jQuery UI Tabs的选择方法。要使您的功能正常工作,您需要将代码更改为
$('#ui-tabs').tabs( "option","active",2 );
请阅读http://api.jqueryui.com/tabs/#option-active了解更多信息。
// getter var active = $( ".selector" ).tabs( "option","active" ); // setter $( ".selector" ).tabs( "option",1 );
看看这个小小的jsFiddle为例,它的工作。