2012-01-11 2 views
0

다른 폼의 여러 탭이 있으며 선택 항목을 교체하기 위해 해당 탭 안에 Jquery selectBox 플러그인을 사용합니다.Jquery selectBox가 탭 내에서 너비를 선택하지 않습니다.

문제가 탭 또는 selectBox 플러그인과 어떻게 든 탭이 있습니다. css display : block; selectBox 플러그인의 너비를 변경하고 서로 다른 탭에있는 두 개의 동일한 셀렉트가 다른 너비를 가지면 너비가 매우 작지만 모양이 좋지 않은 것처럼 보입니다. http://jsfiddle.net/kvdKr/1/

누구든지이 문제를 해결하는 방법을 알고 : 여기

문제와 데모입니까? 감사합니다

UPDATE :.

는 ("선택") $를 사용하여이 문제를 해결 선택 박스는 ('파괴'); before 탭이 열리고 $ ("select")가 사용됩니다. selectBox(); 다시 이것은 문제를 해결합니다. 거기에 자세한 내용 : 내가 직접 문제가 여기에있다가 발생 어디 모르는 동안 그래서 https://github.com/claviska/jquery-selectBox/issues/11

답변

0

:

: 나는 당신의 .ready 기능이 라인을 추가 한 다음
<div class="box"> <!-- I took the visible out of the class, if you only do this it will fix your problem, your select boxes will be the same width --> 
    <select id="amount" name="amount"> 
     <option value="select">Amount</option> 
     <option value="1">500</option> 
    </select> 
</div> 

<div class="box"> 
    <select id="amount" name="amount"> 
     <option value="select">Amount</option> 
     <option value="1">500</option> 
    </select> 
</div> 

$(document).ready(function(){ 
    $("select").selectBox(); 
    $('div.box').first().addClass('box visible');// <== So now I forced your box visible class on .ready and it works like a dream 
}); 

해결 방법입니다. 많은 코드가 아니며 작동합니다.)

관련 문제