如何添加標籤jQuery中

我有這樣的代碼：如何添加標籤jQuery中

<script> 
    $(function() { 
     $("#tabs").tabs({ event: "mouseover" });   
     $("#tabs").tabs("add","#tab-4","Friends Discussions"); 
     $("#tabs").tabs("add","#tab-5","Announcements"); 
     $("#tabs").tabs("add","#tab-6","Contact"); 
    }); 
</script> 

<div class="demo" align="center" > 
    <div id="tabs"> 
     <ul> 
      <li><a href="#tabs-1">Recent Discussions</a></li> 
      <li><a href="#tabs-2">Most Popular Discussions</a></li> 
      <li><a href="#tabs-3">Most Viewed Discussions</a></li> 
     </ul> 

     <div id="tabs-1"> 
      <p>111111111111</p> 
     </div> 

     <div id="tabs-2"> 
      <p>222222222222</p> 
     </div> 

     <div id="tabs-3"> 
      <p>333333333333333</p> 
     </div> 

     <div id="tabs-4"> 
      <p>4444444444</p> 
     </div> 

     <div id="tabs-5"> 
      <p>555555555</p> 
     </div> 

     <div id="tabs-6"> 
      666666666 
     </div> 
    </div> 
</div>

標籤4,5和6已經得到了相同的內容出現在選項卡1，2和3。爲什麼會發生呢？

來源

2011-12-10 Dmitry Makovetskiyd

請搭起的jsfiddle所以w你可以看到你在說什麼。 – Sparky

爲什麼所有的下/收票？不難理解這個問題，這不是沒有好處嗎？ –

這裏是一個小提琴：http://jsfiddle.net/IrvinDominin/xJjfC/和羅裏的建議一樣：http://jsfiddle.net/IrvinDominin/xJjfC/1/ –

在你要添加的標籤出現了拼寫錯誤。 div的id必須與每個函數的第二個參數相匹配。

你的div是這樣的：

<div id="tabs-4">

但是你的代碼引用：

$("#tabs").tabs("add","#tab-4","Friends Discussions"); 
         ^
          s is missing

試試這個代碼，而不是：

http://jsfiddle.net/ugjLs/

$(function() { 
    $("#tabs").tabs({ 
     event: "mouseover" 
    }); 

    $("#tabs").tabs("add","#tabs-4","Friends Discussions"); 
    $("#tabs").tabs("add","#tabs-5","Announcements"); 
    $("#tabs").tabs("add","#tabs-6","Contact"); 
});

來源

2011-12-10 15:35:36

你是怎麼做到的？！？我的代碼有什麼問題？ –

我的編輯是否清除它？ –

lol..damn ..misspelling ...多麼討厭!!! –

在您的代碼中存在拼寫錯誤，您正在添加#tab-n，但在您的代碼中他們有Id tabs-n。

試試這個：

$("#tabs").tabs("add","#tabs-4","Friends Discussions"); 
$("#tabs").tabs("add","#tabs-5","Announcements"); 
$("#tabs").tabs("add","#tabs-6","Contact");

來源

2011-12-10 15:31:54

如何添加標籤jQuery中

回答

相關問題