Question

我有一个带有jQuery的php页面，带有范围滑块。更改滑块时，jQuery代码会对值进行求和。

我还希望在加载页面时触发此代码。但是当我在$（window）.load（function（）{}）中触发函数时，它不会发生;或直接在$（document）.ready（function（）{}）;。

这是jQuery代码：

        $(document).ready(function() {
            $(window).load(function() {
                countSilders();
            });
            function countSliders(){
                var SliderValue = parseInt($("#slider0").val())+parseInt($("#slider1").val())+parseInt($("#slider2").val());
                if (SliderValue==10)
                    $("#submit_next").button("enable");
                else
                    $("#submit_next").button("disable");
                $("#lblsum_scores").text(SliderValue+"/10");
            }
            $(document).on("change","#sliders", function(){
                countSliders();
            });
        });

Answer 1

试试这个：

// First define your function
function countSliders() {
    var SliderValue = parseInt($("#slider0").val()) + parseInt($("#slider1").val()) + parseInt($("#slider2").val());
    if (SliderValue == 10) $("#submit_next").button("enable");
    else $("#submit_next").button("disable");
    $("#lblsum_scores").text(SliderValue + "/10");
}

// Run on ready, don't use ready and then on load, that will never happen
// And i changed the on() to change() 
$(document).ready(function(){
    countSilders();
    $("#sliders").change(function(){
        countSliders();
    });
});

Answer 2

你应该可以这样做：

function countSliders(){
   ...
}
$(document).ready(function() {
    countSilders(); // fire it on load

    // bind it to sliders
    $(document).on("change","#sliders", function(){
        countSliders();
    });
});

加载页面时jQuery＆amp; php fire函数

2 个答案: