2013-02-15 2 views
0

더 자세한 설명이 담긴 제목을 생각할 수 없어 이해가 되었기를 바랍니다.tiptip jQuery에 변수 추가하기

기본적으로 사이트에 테이블을 추가하면 추가되는 열의 양에 따라 열의 크기가 자동으로 조정됩니다. 하나의 테이블을 추가하는 것이 완벽하게 잘 작동합니다. 테이블에 추가 테이블을 추가하자 마자 나에게 다소 복잡해집니다. 실행되는 스크립트는 모든 열을 모두 계산합니다.
예를 들어, 페이지 상단에 3 개의 열 테이블을 추가하고 하단에 추가로 3 개의 열 테이블을 추가하면 스크립트는 총 6 개의 열을 계산 한 다음 해당 숫자를 100으로 나눕니다.

Is 거기에 변수 또는 테이블 개수를 만드는 간단한 방법은 하단에있는 스크립트가 별도의 테이블을 감지하고 테이블 당 열의 크기를 조정할 수 있습니까? 아래 코드의

조각 : 내가 잘못 아니에요 경우

<div class="table<?php echo $tblid; ?>"> 
     <div class="cols"> 
     </div> 

    ..code going on here.. 
     <div class="cols"> 
     </div> 
    ..Some more code going on here.. 
</div> 

var v = jQuery('.table .cols').length; 

    var cw = (100/v); 

    jQuery('.table .cols').css('width',cw+'%'); 

답변

1

이 youu가 같은 클래스 이름을 가진 두 개의 테이블을 가지고, 그래서 당신의 선택 jQuery('.table .cols')가 모두 도착 테이블 및 jQuery('.table .cols').length; 두 테이블을 결합하는 열 길이를 제공 할 것입니다 ...

무엇을 할 수 있습니다. JQuery와 각 하나 ...

HTML

<div class="table1"> 
    <div class="cols"> 
    </div> 

    ..other code going on here.. 

</div> 

<div class="table2"> 
    <div class="cols"> 
    </div> 

    ..other code going on here.. 

</div> 

에게

jQuery(function(){ 
    jQuery('div[class^="table"]').each(function(){ 
    var obj=jQuery(this).find('.cols'); 
    var v = obj.length; 
    var cw = (100/v); 

    obj.css('width',cw+'%'); 
    }); 
}); 

이 테이블의 수 ..

+0

감사에 대한 작업을해야 그들에게 별도의 클래스를 지정하고 전화 즉석 응답 - 당신의 대답은 나에게 몇 가지 아이디어를 주었다. div도 크기가 조정되지 않습니다. – Plastika

+0

당신은 내가 얻고있는 오류가 무엇인지를 보여줄 수 있습니까? – bipen

+0

불행히도 오류가 없습니다. 그러나 검사 할 때 이전에 실행했던 스크립트에서 폭을 DOM에 주입합니다. 네가 그렇게 친절하게 창조 한 것은 똑같은 일을하지 않는 것 같다. 아마도 나는 뭔가를 놓치고 있습니까? – Plastika