方法：2 jQuery UIスライダ1.8.14

Question

2つのスライダを同じフォームに配置しようとしています。私は2番目のものを動作させることはできません。 同じページに2つのスライダを置くことはできますか？ それはどうすればいいですか？使用

コード：

$(function() { 
    $("#slider-range").slider({ 
     range: true, 
     min: 0, 
     max: 2000000, 
     values: [ 125000, 500000 ], 
     slide: function(event, ui) { 
      //$("#amount").val("£" + ui.values[ 0 ] + " - £" + ui.values[ 1 ]); 
      $("#PriceMin").val(ui.values[ 0 ]); 
      $("#PriceMax").val(ui.values[ 1 ]); 
      $("#amount").text("Price: £" + $("#slider-range").slider("values",0) + " - £" + $("#slider-range").slider("values",1)); 
     } 
    }); 
    //$("#amount").val("£" + $("#slider-range").slider("values", 0) + " - £" + $("#slider-range").slider("values", 1)); 
    $("#amount").text("Price: £" + $("#slider-range").slider("values",0) + " - £" + $("#slider-range").slider("values",1)); 

    $("#slider-range-rooms").slider({ 
     range: true, 
     min: 0, 
     max: 6, 
     values: [ 1, 3 ], 
     slide: function(event, ui) { 
      //$("#rooms").val(ui.values[ 0 ] + " - " + ui.values[ 1 ]); 
      $("#roomMin").val(ui.values[ 0 ]); 
      $("#roomMax").val(ui.values[ 1 ]); 
      $("#rooms").text("Rooms: " . $("#slider-range-rooms").slider("values",0) + " - " + $("#slider-range-rooms").slider("values",1)); 
     } 
    }); 
    //$("#rooms").val($("#slider-range-rooms").slider("values", 0) + " - " + $("#slider-range-rooms").slider("values", 1));  
    $("#rooms").text("Rooms: " . $("#slider-range-rooms").slider("values",0) + " - " + $("#slider-range-rooms").slider("values",1)); 
}); 

Answer 1

は、私はそこにPHPの連結を参照してください。変更してみてください：

$("#rooms").text("Rooms: " . $("#slider-range-rooms").slider("values",0) + " - " + $("#slider-range-rooms").slider("values",1)); 

へ

$("#rooms").text("Rooms: " + $("#slider-range-rooms").slider("values",0) + " - " + $("#slider-range-rooms").slider("values",1));