Question

我已经在我的页面上插入了一个Primefaces Slider，它具有非常基本的设置，问题是一旦我点击它的按钮，它就不会停止用鼠标移动。鼠标指针在页面的哪个位置并不重要。滑块按钮沿着鼠标位置向右或向左移动。是否有人知道如何解决问题？

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

Answer 1

我认为这是你用h：outputLabel包含这些其他标签的方式，不允许鼠标事件冒泡。使用带有四列的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>

Answer 2

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

Primefaces Slider不会停止使用鼠标移动

2 个答案: