javascript - jQuery Slider 为什么选择输入框？

Question

我已经建立了一个新的 osclass.org 站点。

jQuery 滑块（左侧）完美运行 - 但这些滑块下方的右侧文本框在某些浏览器（chrome、firefox）中不起作用。如果我单击此输入-> 输入左侧被标记。

我已经安装了 Firebug - 但我找不到错误。非常感谢您的提示！

Answer 1

您不应该真正将 a 嵌入diva 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>