你的位置:首页 > Java教程

[Java教程][转]Hide or Remove jquery ui tab based on condition

本文转自:http://stackoverflow.com/questions/19132970/hide-or-remove-jquery-ui-tab-based-on-condition

 

问:

Html:

<div id="tabs"> <ul>  <li><a href="#tabs-1">Tab1</a></li>  <li><a href="#tabs-2">Tab2</a></li>  <li><a href="#tabs-3">Tab3</a></li> </ul> <div id="tabs-1">  Tab1 Contain </div> <div id="tabs-2">  Tab2 Contain </div> <div id="tabs-3">  tab3 contain </div></div>

What I try on js :

var id="A"; $( "#tabs" ).tabs();if(id==="A"){   $( "#tabs-2" ).tabs( "option", "hide", { effect: "explode", duration: 1000 } );  //$('#ui-id-2').hide();}

Sample Fiddle.

I want to hide or remove particular tab if condition is met.Thanks.

 

 

答:

Try

var id = "A";$("#tabs").tabs();if (id === "A") {  $('#tabs > ul li:has(a[href="#tabs-1"])').hide()  $("#tabs").tabs('refresh');  $("#tabs").tabs('option', 'active', 1);}

Demo: Fiddle