4

簡単な Jquery スライダーを作成しました。

<div id="slider"></div>

Javascript を使用して、1 つのテキスト入力フィールドをスライダー ハンドラーにアタッチします。

$( "#slider" ).slider();
var value = "<input id='handler1InputValue' type = 'text' spellcheck = 'false'      style='position:absolute;width:70px;height:15px;text-align:center;left:-2px;font-size:10px;display:block;' ></input>";
$( ".ui-slider-handle" ).html(value);
$( ".ui-slider-handle" ).unbind();
$( "#handler1InputValue" ).val(77777);

しかし、Firefox では、テキスト入力フィールドでのマウス クリックにカーソルが追従せず、マウス選択も機能しませんが、Chrome 側ではすべてが機能します。

Firefox側の問題を解決する方法を知っている人はいますか? そして、ここでテストサンプルを試すことができます: テキスト入力フィールド付きのスライダー

4

0 に答える 0