一千萬個為什麽

搜索

jQuery-ui標簽:標簽之間的幹擾

我使用jQuery-ui tabs小部件作為導航。所有選項卡的內容都通過ajax加載。似乎標簽之間存在幹擾。我的意思是,例如,如果在tab1中的page1中有一個ID為foo的元素,而在tab2中的page2中,則有一個具有相同ID的元素。在這兩個頁面中,都有javascript代碼來操作ID為foo的元素,然後會發生奇怪的事情。

如何應對這種情況?

最佳答案

看到您正在使用jquery,您可以使用基於選項卡名稱的選擇器來定位正確的元素。

例如如果你的標記看起來像這樣:

<div id="tabs">
  <div id="tabs-1">
    blah
  </div>
  <div id="tabs-2">
    blah
  </div>
</div>

您可以使用此選擇器專門選擇第二個鏈接,盡管ID重復:

$("#tabs-2 #linkId").whatever();

轉載註明原文: jQuery-ui標簽:標簽之間的幹擾