2

下（上ではない）の任意の要素をクリックすると、マウスのX軸に応じて変化します。これは、控えめに言っても奇妙なjQueryUIの標準のようです。

http://jsfiddle.net/devcurry_com/JSmWM/

    $('#musicVolume').slider({
             range: "min",
             min: 0,
             max: 100,

             change: function (event, ui) {
                 alert('Stopped at ' + ui.value);
             }
    });
4

1 に答える 1

3

divHTMLではそのようなものを自己閉じることはできないので、パーサーは、前（またはその最も近いまたは最も近い適切に閉じられた親）を強制的に閉じるまで、開いたままにすることを単に無視/します。<div />divdiv</body></div>div

したがって、後のすべて<div />がスライダーウィジェットの一部になり、クリックするとアクティブになります。これpには、選択した値を表示する要素も含まれます。

p注：要素を自己閉じることもできません。できることは、HTMLでオプションの終了タグをオカルトすることです。ただし、その機能はユースケースにはあまり望ましくありません。
その他の注意：シンタックスシュガーと<p />同様に有効なマークアップであり、要素は終了タグを必要としませんが、フレージングコンテンツがそれに続く場合に期待されるように空の要素を生成しません。空にする場合は、を適切に閉じます。/pp</p>p

とを適切に閉じるdivとp、問題が修正されます。フィドル

于 2012-12-29T03:04:49.153 に答える