一个选项卡的数据被复制到其他选项卡

Question

我正在创建JQuery选项卡，但我发现一个人的数据（在本例中为iframe）在所有选项卡中都被复制。在HTML看起来像这样

<div class="tabs"> 
     <ul> 
      <li><a href="#room_booking">Make A Booking</a></li> 
      <li><a href="#info"> Your Information </a></li> 
      <li><a href="#edit_pro"> Edit Your Information </a></li> 

     </ul> 

     <div id="room_booking"> 

      <iframe src="/booking/"> </iframe> 
     </div> 

     <div id="info"> 

      <fieldset> 

       <label>Name : </label><input class="box" type="text" value="{{ userprofile.first_name}} {{userprofile.last_name }}" readonly="" /> <br /> 
       <label>E-Mail: </label><input class="box" type="text" value="{{ userprofile.email }}" readonly="" /> <br /> 
       <label>User Name : </label><input class="box" type="text" value="{{ userprofile.username}}" readonly="" /> <br /> 

      </fieldset> 

     </div> 

     <div id="#edit_pro"> 
      <iframe src="/edit/"> </iframe> 
     </div> 

    </div> 

我的js文件只是有

$(document).ready(function(){ 
    $('.tabs').tabs(); 
}); 

这是什么样子 - https://drive.google.com/file/d/0B_Xsn54pdmU8bDRYeFZPU1RtQlU/edit?usp=sharing

任何想法是什么引起的？谢谢

Answer 1

删除'＃'从您的edit_pro div id。

<div class="tabs"> 
      <ul> 
       <li><a href="#room_booking">Make A Booking</a></li> 
       <li><a href="#info"> Your Information </a></li> 
       <li><a href="#edit_pro"> Edit Your Information </a></li> 
      </ul> 
      <div id="room_booking"> 
       <iframe src="/booking/"> </iframe> 
      </div> 
      <div id="info"> 
       <fieldset> 
        <label>Name : </label><input class="box" type="text" value="{{ userprofile.first_name}} {{userprofile.last_name }}" readonly="" /> <br /> 
        <label>E-Mail: </label><input class="box" type="text" value="{{ userprofile.email }}" readonly="" /> <br /> 
        <label>User Name : </label><input class="box" type="text" value="{{ userprofile.username}}" readonly="" /> <br /> 
       </fieldset> 
      </div> 
      <div id="edit_pro"> 
       <iframe src="/edit/"> </iframe> 
      </div> 
     </div> 

演示： http://jsfiddle.net/kX5L2/1/