0

非常に基本的な設定でPrimefacesSliderをページに挿入しました。問題は、ボタンをクリックすると、マウスでの移動が停止しないことです。ページのどこにマウスポインタがあるかは関係ありません。スライダーボタンは、マウスの位置に沿って右または左に移動します。問題を解決する方法を考えている人はいますか?

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

2 に答える 2

1

これは、h:outputLabelを使用して、mouseupイベントがバブルアップしないようにするこれらの他のタグを含める方法だと思います。代わりに、4列のah: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-25T03:24:33.700 に答える
0

問題は解決しました。問題を引き起こしたのはFireFox用の「FireQuery」プラグインでした。それをアンインストールする

于 2012-06-26T19:18:58.350 に答える