1

jquery ui 範囲スライダー http://jqueryui.com/slider/#rangeを使用しています

  $(function() {
    $( "#slider-range" ).slider({
      range: true,
      min: 0,
      max: 1000,
      values: [ 75, 300 ],
      slide: function( event, ui ) {
        $( "#amount" ).val( "" + ui.values[ 0 ] + " - " + ui.values[ 1 ] );
      }
    });
    $( "#amount" ).val( "" + $( "#slider-range" ).slider( "values", 0 ) +
      " - " + $( "#slider-range" ).slider( "values", 1 ) );
  });

このコードをテストページで使用すると、正常に動作します

しかし、これをmagentoで使用しようとすると、別のスライダーも使用しているためエラーが発生するため、このスライダーを次のように使用できるように名前jquery-ui.jsを変更したいslider1

  $(function() {
    $( "#slider-range" ).slider1({
               // ui code
    });

  });

だから私はどこを変えなければならないのか

4

2 に答える 2

1

他の人が同じ問題を抱えていた場合、jquery ui の後、jquery mobile の前に次の行を追加する必要がありました

$.fn.uislider = $.fn.slider;

コード例は次のようになります。

<script type="text/javascript"  src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/jquery-ui.min.js"></script>
<script>  
    // rename to avoid conflict with jquery mobile
    $.fn.uislider = $.fn.slider;
  </script>
<script src="http://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.min.js"></script> 
<script>
  $(function() {
    $( "#slider" ).uislider();
  });
  </script>
于 2013-11-18T05:17:39.167 に答える
0

jQuery UI をインクルードした後、競合するメソッドを導入するモジュールをインクルードする前に、jQuery オブジェクトのプロトタイプに新しいプロパティを作成できます。slider()

$.fn.slider1 = $.fn.slider;

ただし、これはプロトタイプにアタッチされたブリッジ メソッドの名前を変更するだけであることに注意してください。ウィジェットは引き続き$.ui.sliderボンネットの下で名前が付けられます。

于 2013-03-25T13:55:38.203 に答える