jQueryのUI数スピナーイベントの質問

私はこの問題に任意の洞察力が非常に高く評価されるだろう！jQueryのUI数スピナーイベントの質問

にはどうすればhttp://wiki.jqueryui.com/Spinner（jQueryのUI数スピナー/ステッパーをリンクする:(週間以上にわたりこの問題に困惑してきました？）スピナー値の増減などのラベルテキスト値の変更がそのよう

... 
     <script type="text/javascript"> 


       $(document).ready(function() { 

        $("#s1").spinner({max: 100, min: -100}); 

        $("#s1").bind("spin", function() { 
         $("label1").innerText = $("#s1").spinner("value"); 
        }); 
       }); 
     </script> 
    ... 

<body> 
... 
    <p><label for="s1">Basic:</label> <input id="s1" name="value"/></p> 
    <p><label for="label1"></label></p> 
... 
</body>

おかげ

編集：！出力の問題に加えて、ハンドラ自体に問題があるように見えるハンドラ。スピナーを回転/変更すると実行されません。

出典

2009-05-29 Walter

これはid = "label1"ではいけませんか？ $（ "＃label1"）.html（$（ "＃s1"）。spinner（ "value"））; –

Chrisに感謝します。ハンドラが最初に実行されていないように見えるので、上記の質問を修正しました。 – Walter

UI/Spinnerのドキュメントによると、スピナー変更イベントの名前は「スピン」ではなく「スピンチェンジ」です。それに応じて.bindメソッドのパラメータを変更すると、動作するはずです。

出典

2009-06-02 08:22:35 Franz

ありがとうございます。それは今働く:) – Walter

これを試してみてください。上記のサンプルから、テキストがどこかにあるようにラベルをスパンに変更し、スピンハンドラのthis.valueとjQueryの.html（）を使用して値をダンプします。

<script type="text/javascript"> 
     $(document).ready(function() { 

      $("#s1").spinner({max: 100, min: -100}); 

      $("#s1").bind("spin", function() { 
       $("#label1").html(this.value); 
      }); 
     }); 
</script> 

<body> 
    <p><label for="s1">Basic:</label> <input id="s1" name="value"/></p> 
    <p><span id="label1"></span></p> 
</body>

出典

2009-05-29 17:30:37

あなたの投稿をありがとう。私はこれを試みたが、私はまだそれを働かせることができない。私はスピンナーを変更したときに実行されているように見えないので、イベントハンドラ自体にも問題があると思います。ありがとう。 – Walter

jQueryのUI数スピナーイベントの質問

答えて

関連する問題