Почему слайдер JQuery выбирает поле ввода?

Я создал новый сайт osclass.org.

Ползунок jQuery (слева) работает отлично, но правое текстовое поле под этим ползунком не работает в некоторых браузерах (chrome, firefox). Если я нажму на этот ввод -> ввод слева помечен.

Я установил Firebug, но не могу найти ошибку. Большое спасибо за подсказку!


javascript slider jquery osclass
person user1756209    schedule 16.11.2012    source источник

Ответы (1)


arrow_upward
1
arrow_downward

Вы не должны вставлять div в label:

<label> Preis (in Euro)
     <div class="ui-slider-box">
       <div id="price-range" class="ui-slider ui-slider-horizontal ui-widget ui-widget-content ui-corner-all"><div class="ui-slider-range ui-widget-header" style="left: 0%; width: 100%;"></div><a class="ui-slider-handle ui-state-default ui-corner-all" href="#" style="left: 0%;"></a><a class="ui-slider-handle ui-state-default ui-corner-all" href="#" style="left: 100%;"></a></div>
       <input type="text" id="priceMin" name="sPriceMin" value="" size="7" maxlength="7" class="min">
       <input type="text" id="priceMax" name="sPriceMax" value="" size="10" maxlength="10" class="max">
     </div>
</label>

Вы должны иметь label отдельно над div:

<label> Preis (in Euro)</label>
     <div class="ui-slider-box">
       <div id="price-range" class="ui-slider ui-slider-horizontal ui-widget ui-widget-content ui-corner-all"><div class="ui-slider-range ui-widget-header" style="left: 0%; width: 100%;"></div><a class="ui-slider-handle ui-state-default ui-corner-all" href="#" style="left: 0%;"></a><a class="ui-slider-handle ui-state-default ui-corner-all" href="#" style="left: 100%;"></a></div>
       <input type="text" id="priceMin" name="sPriceMin" value="" size="7" maxlength="7" class="min">
       <input type="text" id="priceMax" name="sPriceMax" value="" size="10" maxlength="10" class="max">
     </div>
person mccannf    schedule 16.11.2012