Har*_*OTA 4 jquery jquery-selectors
有我的标记:
<UL style="-moz-border-radius-bottomleft: 0; -moz-border-radius-bottomright: 0" class="ui-tabs ui-tabs-nav ui-helper-reset ui-helper-clearfix ui-widget-header ui-corner-all" sizcache="3" sizset="5">
<LI class="ui-state-default ui-corner-top" jQuery1280326216622="3" sizcache="3" sizset="5">
<A href="#tab_1" jQuery1280326216622="4"><SPAN>Page 1n</SPAN></A>
</LI>
<LI class="ui-state-default ui-corner-top ui-tabs-selected ui-state-active" jQuery1280326216622="5" sizcache="3" sizset="6">
<A href="#tab_2" jQuery1280326216622="6"><SPAN>Page 2</SPAN></A>
</LI>
<LI class="ui-state-default ui-corner-top" jQuery1280326216622="7" sizcache="3" sizset="7">
<A href="#tab_3" jQuery1280326216622="8"><SPAN>Page 3</SPAN></A>
</LI>
<LI class="ui-state-default ui-corner-top" jQuery1280326216622="9" sizcache="3" sizset="8">
<A href="#tab_4" jQuery1280326216622="10"><SPAN>Page 4</SPAN></A>
</LI>
</UL>
Run Code Online (Sandbox Code Playgroud)
和js代码:
jQuery(document).ready(function() {
jQuery(".ui-layout-center").tabs({ show: loadIframe });
rootLayout = jQuery('#container').layout
({
applyDefaultStyles: true,
north__spacing_open: 0
});
jQuery("#tabs_div").tabs();
loadIframe();
});
function reciveDataFromPages(tabIndex, data) {
//do some thing
}
Run Code Online (Sandbox Code Playgroud)
我如何使用索引激活选项卡:tabIndex和url:data
有任何想法吗???
使用:eq(),例如:
$(".ui-tabs a").removeClass("active");
$(".ui-tabs a:eq("+tabIndex+")").addClass("active");
Run Code Online (Sandbox Code Playgroud)
http://api.jquery.com/eq-selector/