如何添加更多的div在一個盒子div與標籤？

我有一個頁面，我有一個框，它有JQuery選項卡「輸入」和「關於」來更改其內容。

編輯：完整的jQuery腳本是這樣的：

<script type="text/javascript"> 
     google.load('jquery', '1.4.3'); 

     google.setOnLoadCallback(function() { 
      $('#caixa div:not(:first)').hide(); 

      $('#tabs li').click(function (event) { 
       var id = $(event.target).index(); 
       $('.active').removeClass('active'); 
       $(event.target).addClass('active'); 
       $('#caixa div').hide().eq(id).show(); 

      }); 

     } 
     ); 
     </script>

和HTML看起來像這樣：

<div id="tabs"> 
<ul> 
    <li class="active" style="border-top-left-radius: 4px;">Enter</li> 
    <li id="2" style="border-top-right-radius: 4px; border-left: 0px;">About</li> 
</ul> 
</div> 

<div id="caixa"> 
<div id="enter"> 
     <p>1</p> 
</div>  
<div> 
    <p>2</p> 
</div> 
</div>

沒有什麼複雜的，但是當我嘗試加入更多的div內的一個，像：

<div id="tabs"> 
<ul> 
    <li class="active" style="border-top-left-radius: 4px;">Enter</li> 
    <li id="2" style="border-top-right-radius: 4px; border-left: 0px;">About</li> 
</ul> 
</div> 

<div id="caixa"> 
<div id="enter"> 
<div id="login"> 
     <p>1</p> 
</div> 
</div>  
<div> 
    <p>2</p> 
</div> 
</div>

該文本根本沒有出現，在兩個選項卡上。我知道這可能是一個問題，我的jQuery代碼，是有什麼方法，使這項工作？

編輯：正如我在評論中說，我可以把兩個標籤上顯示不同的內容，我有麻煩是有例如「輸入」選項卡里面的內容2周的div什麼。

來源

2013-12-18 TheSeven

能否請您分享您的代碼小提琴。 –

你是什麼意思？ – TheSeven

http://jsfiddle.net –

從我能從你的問題理解......

的jsfiddle：http://jsfiddle.net/L3BeM/

$('#enter p').wrap("<div id='login'> </div>");

你首先需要找到選擇，並與新的包裝你的股利。

來源

2013-12-18 13:18:50

我有點理解你在說什麼，但我沒有知道如何將其應用到我的代碼哈哈，因爲JQuey我有我是從一個視頻教程，我沒有知識超出了我張貼。 – TheSeven

嘿讓你在使用的代碼是尋找一個點擊

#tabs li

這是無處在你的HTML被發現，所以我不能想象這是做任何事情。你能進一步解釋這個問題嗎？你想點擊「enter」並顯示一些文字，然後點擊「about」並顯示不同的文字？我的理解是否正確？

來源

2013-12-18 20:16:15 jmore009

哦，對不起，我忘了添加HTML的列表部分，我會很快編輯它。我能得到的標籤工作，你知道的，輸入和變革的內容，我想是喜歡，標籤的內容輸入到上就有兩個不同的div（註冊並登錄），所以我可以風格他們與讓他們很容易被切斷 – TheSeven

如何添加更多的div在一個盒子div與標籤？

回答

相關問題