以编程方式使选项卡处于活动状态

Question

I am trying to make a certain tab made active programmatically when the div is made visible using the following:

$("#myTab").tabs("option", "active", 0); // Focus on Employee Tab

When using this I receive the following console.log message:

Error: cannot call methods on tabs prior to initialization; attempted to call method 'option'

This code has been placed in the document ready script. Thanks for any help. :)

Answer 1

You can try to manually trigger a click event on a specific tab:-

  var tabname = "employee";
  tabEL = $('#myTav [data-tab-name="'+ tabName +'"]');
  tabEL.click();

Answer 2

Working Demo

Use this method,

$("#myTab").tabs({active : <tab number>});

or

$("#myTab").tabs({active : 0});

---

Demo With your code .

In your case you need to initialize the tabs first. If you don't you get an error, as you are directly calling a function on tabs.

$("#myTab").tabs();  //initialize  
$("#myTab").tabs("option", "active", 0);  //set tab

or

$("#myTab").tabs().tabs("option", "active", 0);

Answer 3

For some reason this code is executed before the tab are initialize. Assumimg you're using jQuery UI tabs. Check if you got $("myTab").tabs(); before the activation code.