0

Jqueryを使用してオンザフライでdivを作成し、それを本体または要素に追加しています。追加後、高さを取得しようとすると 0 になります。Chrome では、すべての高さプロパティを 0 にチェックしました。何が問題なのか。

これは追加する私のコードです:

 var template = '<div class="capMainSection"> 
       <div class="CAP"> </div>
       <div class="scrolldiv repeatSection" style="display:none;""> 
         <div class="header sectionheader"> </div> 
           <div class="content"> 
               <div class="leftColumn"> 
                   <div class="show" id="capInfo"> 
                     <div class="label1">CA Contacts:</div> 
                     <div class="label2"><p>CA Lead:<span class="LeadName"></span><span class="LeadEmail"></span></p></div> 
                     <div class="lable3"><p>Lead:<span class="vLeadName"></span><span class="vLeadEmail"></span></p></div>   

                   </div> 
                   <div class="hidden" id="facInfo"> 
                     <div class="label1"><span class="facid"></span><span class="facName"></span></div> 
                     <div class="label2"><span class="city"></span><span class="state"></span><span
 class="country"></span></div> 
                   </div>              </div>
               <div class="rightColumn"> 
                   <div class="rightGroup"> 
                     <div class="groupproto"> 
                       <p><span class="protocolname show"></span>
                       <span class="date_class show"></span></p>
                     </div>
                     <div class="statusClass hidden"></div>
                     <div class="approvedFinding show"></div>
                     <div class="closedFinding show"></div>
                     <div class="verifiedFinding show"></div>
                     <div class="lasActivity show"></div>
                   </div> 
                     <div class="linkButton"> 
                           <input type="button" class="lplinkbutton" value="&gt;">
                     </div> 
               </div>
           </div>
       </div>
     </div>';

最初にdivを複製してから追加しています

templateNode = $('.repeatSection').clone(true);
//change the display none to show
$(templateNode).find('.content').attr('id',capRow);
$('.capMainSection').append($(templateNode));

CSS

.content {
clear: both;
font-size: 13px;
}

.leftColumn {
float: left;
width: 40%;
padding: 10px 0 10px 10px;
}

.rightColumn {
float: right;
width: 50%;
padding: 0;
}
4

1 に答える 1

0

これを試して：

.capMainSection {overflow: hidden;}

または、これを行うことができます：

.capMainSection:after {
  content: " ";
  display: block;
  clear: both;
}
于 2013-10-28T18:25:18.353 に答える