以編程方式使選項卡處於活動狀態

Question

我試圖使用以下方法使div可見時以編程方式激活某個選項卡：

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

使用此方法時，我收到以下console.log消息：

錯誤：初始化前無法在標簽上調用方法； 試圖調用方法“選項”

此代碼已放置在文檔就緒腳本中。 謝謝你的幫助。 :)

Answer 1

您可以嘗試在特定標簽上手動觸發點擊事件：-

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

Answer 2

工作演示

使用這種方法

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

要么

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

---

演示與您的代碼 。

在您的情況下，您需要首先初始化選項卡。 如果不這樣做，則會因為直接在選項卡上調用函數而出現錯誤。

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

要么

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

Answer 3

由於某種原因，該代碼在選項卡初始化之前執行。 假設您正在使用jQuery UI選項卡。 檢查您是否有$("myTab").tabs(); 激活碼之前。