1

jquery ノブ プラグインを使用しています。ボタンのクリック時にノブを読み取り専用にしたい。

(function() {
$(".dial").knob({
    'min':0,
    'max':360,
    'change' : function(degree){
        var img = $(".volume_bttn");
        if(radioSwitchState == 1)
        {
            img.css('-moz-transform', 'rotate('+degree+'deg)');
            img.css('-webkit-transform', 'rotate('+degree+'deg)');
            img.css('-o-transform', 'rotate('+degree+'deg)');
            img.css('-ms-transform', 'rotate('+degree+'deg)');
            var vol = ((degree)/360).toFixed(2);
            //console.log(vol);
            $("#jquery_jplayer_1").jPlayer("volume",(360-vol));
        }
    },
    'fgColor' : '#460E09',//460E09
    'bgColor' : "transparent",//transparent
    'width' : 107,
    'thickness' : 0.3,
    'displayInput' : false,
    'linecap' : 'butt'
    });
});

これは、ノブを初期化するコードです。ボタンクリックで読み取り専用にする方法は？（繰り返します）

4

4 に答える 4

1

@dodo によって投稿されたトリガー アプローチが機能するかどうかを確認します。そうでない場合は、次の 2 つの回避策があります。

  1. 関連するすべてのイベント (クリック、スクロール、マウスダウンなど) のバインドを解除しようとします。
  2. ノブと同じ寸法の空の divを作成し、ノブの上に重ねます。引き続き表示されますが、すべてのイベントが div によってキャッチされ、ノブが「読み取り専用」になります。
于 2013-08-13T08:06:14.520 に答える
0 
$(".dial").knob({
    min: 1
    max: 10
    stopper: true,
    readOnly: true,//if true This will Set the Knob readonly cannot click
    release: function (value) {
      //Do something as you release the mouse
    }
})
于 2013-10-08T09:24:06.837 に答える