jquery突出顯示應用一噸，如何避免它

我正在做一個網站在火車上預訂座位。形式需要一個計算器的價格展現在客戶端總額而他/她選擇的服務，乘客數量等jquery突出顯示應用一噸，如何避免它

爲了更明顯的變化總成本我用JQ亮點對div的影響，只是爲了獲得更多關注。

問題是我在滑塊滑動時突出顯示，所以如果我從0傳遞到56（火車旅行車上的最大位置），高亮出現56次。

希望你能幫忙，或者建議一個更好的主意。

下面的代碼：

$(document).ready(function(){ 
    /**/ 
    function calculateTotal(){ 
     //var unitPrice = 2, paperTypes = 2, printedSides = 2; 
     var precio_base = $('#categoria option:selected').val(); 
     var cant_adultos = $("#adultos").val(); 

     var cant_ninos = $("#ninos").val(); 
     var sum = parseInt(cant_adultos) + parseInt(cant_ninos); 
     var precio_productos = $("input[name^='servicio']").parseNumber(); 

     var totalCost = parseInt(precio_base)*parseInt(sum); 

     $('#total-box').html("$"+totalCost); 
     $('#total-box').effect("highlight", {}, 1000); 
    } 

    $('#categoria,#adultos,#ninos').change(calculateTotal).highlight(); 

});

的頁面是在http://www.micontrol.cl/~mvargas/wordpress/wp-transatacama/reservas-rapidas/form-reservas.php。

來源

2011-12-16 Marcos Vargas Moran

我想jQuery UI效果不處理異步效果。 – 2011-12-16 22:24:43

您需要停止觸發每個幻燈片步驟的更改事件。只需觸發停止事件。例如：http://jsbin.com/atolax/2

來源

2011-12-16 22:32:56 FDisk

假設您使用的是jQuery UI中的滑塊小部件（jQuery UI似乎包含在您鏈接的頁面中），您可以綁定到stop事件而不是change。類似這樣的：

$("#yourSlider").bind("slidestop", calculateTotal).highlight();

來源

2011-12-16 22:23:38

感謝您的回答我將創建一個新的代碼，使用它，但我不知道如何使用bind（）... thanx現在我有一個新的東西要學：D（y） – 2011-12-17 21:38:15

沒問題:)只是看看jQuery文檔：http://api.jquery.com/bind/你在你的問題中使用了`change`，這只是`.bind（「change」，function（）{...的簡寫。 }）;` – 2011-12-17 21:48:32

jquery突出顯示應用一噸，如何避免它

回答

相關問題