1

電車の座席指定サイトをやっています。フォームには、クライアントがサービス、乗客数などを選択しているときに合計金額を表示するための価格の計算機が必要です。

総コストの変化をより明確にするために、div に jq ハイライト効果を使用して、注目を集めました。

問題は、スライダーがスライドするときにハイライトするようにしたため、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にあります。

4

2 に答える 2

2

jQuery UI のスライダー ウィジェットを使用していると仮定すると (jQuery UI はリンク先のページに含まれているようです)、stop代わりにイベントにバインドできますchange。このようなもの：

$("#yourSlider").bind("slidestop", calculateTotal).highlight();
于 2011-12-16T22:23:38.060 に答える
0

すべてのスライド ステップでの変更イベントのトリガーを停止する必要があります。停止イベントでそれをトリガーするだけです。例: http://jsbin.com/atolax/2

于 2011-12-16T22:32:56.393 に答える