條件語句僅對滑塊的初始值作出反應

我的頁面上有一個滑塊（帶有範圍），我希望圖像出現或消失，具體取決於用戶設置的範圍。我在代碼的最後用條件語句來做這件事。條件語句對滑塊初始值[1500,1600]的反應正確，但不會對用戶移動滑塊產生反應，從而改變其值。條件語句僅對滑塊的初始值作出反應

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

    $("#amount").val(
     "$" + $("#slider-range").slider("values", 0) + 
     " - $" + $("#slider-range").slider("values", 1) 
    ); 

    var handlevalues = ($("#slider-range").slider('values')); 

    var dot0001 = { price: 1300 } 


    if (handlevalues[0] > dot0001.price) { 
     $("#dot0001").css("visibility", "hidden") 
    } else { 
     $("#dot0001").css("visibility", "visible") 
    } 
});

來源

2013-01-20 Haley

添加相同的條件語句您slide功能：

slide: function(event, ui) { 
    $("#amount").val("$" + ui.values[ 0 ] + " - $" + ui.values[ 1 ]); 

    var dot0001 = { price: 1300 }; 
    if (handlevalues[0]>dot0001.price){ 
     $("#dot0001").css("visibility", "hidden"); 
    } else{ 
     $("#dot0001").css("visibility", "visible"); 
    } 

}

爲了避免重複代碼，你可以把這種說法在一個單獨的功能，以及兩地調用它。

來源

2013-01-20 02:27:27 bfavaretto

它的工作原理，但我有另一個問題......有很多圖像，他們都有相同的id結構（「點****」）。同樣適用於所有對象（var = dot ****）。你知道我可以如何自動化整個事情嗎？你可以把它作爲另一個答案嗎？我真的很感激！ – Haley

我不確定我完全理解。也許你應該把它作爲一個單獨的問題，進一步的細節？ – bfavaretto

謝謝！剛剛發佈了這個問題！希望現在更清楚！ – Haley

條件語句僅對滑塊的初始值作出反應

回答

相關問題