Primefaces滑塊不停止移動鼠標

我已經在我的頁面上插入了一個Primefaces滑塊非常基本的設置，問題是一旦我點擊它的按鈕，它不停止移動鼠標。它在鼠標指針所在頁面的位置並不重要。滑塊按鈕沿着鼠標位置向右或向左。確實有什麼想法如何解決這個問題？Primefaces滑塊不停止移動鼠標

<h:outputLabel styleClass="form-label-top-right" for="area">Area: 
<h:outputText id="output" value="#{formbean.selectedArea}"/> Km 
<h:inputHidden id="area" value="#{formbean.selectedArea}" /> 
<p:slider animate="true" display="output" minValue="0" maxValue="15" step="3" id="areaSlider" for="area" style="margin-top:6px; cursor: pointer" /> 
</h:outputLabel>

來源

2012-06-24 nicmon

問題解決。這是FireFox的「FireQuery」插件引起的問題。卸載，

來源

2012-06-26 19:18:58 nicmon

我認爲這是你使用h：outputLabel來包含這些其他標記不允許mouseup事件冒泡的方式。改爲使用帶有四列的h：panelGrid。

例如：

<h:panelGrid columns="4"> 
    <h:outputLabel styleClass="form-label-top-right" for="output" value="Area:" /> 
    <h:panelGroup> 
     <h:outputText id="output" value="#{formbean.selectedArea}"/> 
     <h:outputText value="Km"/> 
    </h:panelGroup> 

     <h:inputHidden id="area" value="#{formbean.selectedArea}" /> 
     <p:slider animate="true" display="output" minValue="0" maxValue="15" step="3" id="areaSlider" for="area" style="margin-top:6px; cursor: pointer" /> 
</h:panelGrid>

來源

2012-06-25 03:24:33 Ravi

謝謝@Ravi，但它沒有奏效。我認爲停止移動的觸發器無法正常工作，因爲我在控制檯上看到以下兩個警告：1.沒有找到與選擇器相關的元素：「：input，option」 jquery ... mefaces 2. trigger （[對象對象]，[對象對象]）錯誤地調用 – nicmon

您使用的是哪個版本的PF和瀏覽器？你也有任何其他的JavaScript代碼，你試圖操縱的東西。 – Ravi

Primefaces滑塊不停止移動鼠標

回答

相關問題