3

私は自分のサイトで jquery ノブ ノブを使用して、素敵なビジュアルを作成しています。クリックイベントで色を変えたい 私が達成しようとしていることの単純化されたフィドルを提供しました。私は数時間試してきましたが、今は助けを求めなければなりません

デモhttp://jsfiddle.net/JW2gP/62/

HTML

<input type='text' id='dial' value='0' />

<a id="chgColor" href="#">Change color on click</a>

jQuery

$(function () {
    $('#dial').knob({
        min: '0',
        max: '25000',
        fgColor: '#f00'
    });
    $('#dial').val(10927).trigger('change');
});

$('#chgColor').click(function(e){
    e.preventDefault();
    $('#dial').knob({
        min: '0',
        max: '25000',
        fgColor: '#000'
    }); 
});
4

1 に答える 1

6

VIOLA (そしてここフィドルで、最終的に私の信用を見つけました: http://jsfiddle.net/bhilleli/JW2gP/66/ )

$(function () {
    $('#dial').knob({
       min: '0',
       max: '25000',
       fgColor: '#f00'
    });
    $('#dial').val(10927).trigger('change');
});

$('#chgColor').click(function(e){
   e.preventDefault();

   $('#dial').trigger(
     'configure',
      {
        min: '0',
        max: '25000',
        "fgColor":"#001"
    }
);
});
于 2014-02-21T23:15:19.177 に答える