Question

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

jQuery Slider（左侧）运行完美 - 但这些滑块下的右侧文本框在某些浏览器中不起作用（chrome，firefox）。如果我点击此输入 - ＆gt;左侧输入已标记。

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

Answer 1

您不应该在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>

为什么JQuery Slider会选择一个输入框？

1 个答案: