JQuery SelectBox не то же самое выбирает ширину внутри вкладок - PullRequest
Новая
       39

JQuery SelectBox не то же самое выбирает ширину внутри вкладок

0 голосов
/ 12 января 2012

У меня есть несколько вкладок с разными формами, и я использую плагин Jquery selectBox внутри этих вкладок, чтобы заменить выборки.

Проблема в том, что плагин tabs или selectBox как-то вкладки css display: block;изменение ширины плагина selectBox и два одинаковых селектора на разных вкладках имеют разную ширину, очень небольшую разницу в ширине, но в отличной форме это выглядит очень плохо.

Вот пример с проблемой: http://jsfiddle.net/kvdKr/1/

Кто-нибудь знает, как это исправить ?Спасибо

ОБНОВЛЕНИЕ:

Решена эта проблема с помощью $ ("select"). SelectBox ('destroy');перед тем, как вкладка открыта и используется $ ("select"). selectBox ();еще раз, и это решает проблему.Более подробная информация там: https://github.com/claviska/jquery-selectBox/issues/11

1 Ответ

0 голосов
/ 12 января 2012

Итак, хотя я не знаю, в чем заключается прямая проблема, вот где она возникает: 

    <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>

Затем я добавил эту строку в вашу функцию .ready: 

$(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
});

Это обходной путь, я признаю, но это не так уж много кода, и он работает;)

...