Jsf 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>

区域：
公里

我认为这是您使用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>

问题已解决。是FireFox的“FireQuery”插件导致了这个问题。卸载它

谢谢@Ravi，但它不起作用。我认为停止移动的触发器不能正常工作，因为我在控制台上收到以下两个警告：1。使用选择器“：input，option”jquery…mefaces 2未找到任何元素。触发器（[object object]，[object object]）调用不正确您正在使用哪个版本的PF和浏览器？另外，您是否有任何其他javascript代码试图对其进行操作。