2011-08-10 12 views
0

サイズ変更可能なトリガに誰かがスライダを使用しましたか?このようにして、スライダの値を使用して別の要素の幅と高さを操作できます。次に例を示します。Jquery UIスライダを使用してサイズ変更をトリガーする

$("#myslider").slider({ 
     value: 50, 
     max: 100, 
     min: 0, 
     stop: function(event, ui) { 
      $(".scalablediv").resizable({ 
       resize: function(event, ui) { 
       ui.size.width = ui.value; 
      } 
    });   
    } 
}); 

<div class="scalablediv"></div> 

答えて

1

あなたはスライダーのslideイベントにトリガーを入れて、あなたがscalabledivの幅と高さを設定することができます内側にすべきです。 scalabledivresizableに実際にサイズを変更するのではなく、代わりにresizableオブジェクトにします。この例のフィドルはhttp://jsfiddle.net/6KSbp/1/です。ありがとうございました

関連する問題