爲什麼JQuery滑塊選擇一個輸入框？

Question

我建立了一個新的osclass.org網站。

jQuery Slider（左側）工作完美 - 但這些滑塊下的右側文本框在某些瀏覽器（chrome，firefox）中不起作用。如果我點擊此輸入 - >輸入左側標記。

我安裝了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>