Question

我有一个带有4步的Jquery滑块，其值为0,1,3和3。滑动时警报代码正常工作。但我的问题是我想在页面加载时提醒默认滑块值“0”。

所以在下面的例子中，当页面加载时。页面应警告“0”。这是滑块的默认值，并放在else中。

这是我的JQ代码和Fiddle is Here

$(function () {
    $("#slider").slider({
        value: 0,
        min: 0,
        max: 3,
        step: 1,
        orientation: "horizontal",
        range: "min",
        animate: true,
        slide: function (event, ui) {
            console.log(ui.value);
            if (ui.value == 0) {
                alert(ui.value);
            } else if (ui.value == 1) {
                alert(ui.value);
            } else if (ui.value == 2) {
                alert(ui.value);
            } else {
                alert(ui.value);
            }
        }
    });
});

Answer 1

你应该这样做：

 //TO DEFINE SLIDER AND EVENTS
 $('#slider').slider().bind('slidechange',function(event,ui){
 console.log(ui.value);
        if (ui.value == 0) {
            alert(ui.value);
        } else if (ui.value == 1) {
            alert(ui.value);
        } else if (ui.value == 2) {
            alert(ui.value);
        } else {
            alert(ui.value);
        }

 });

 //TO TRIGGER EVENT
 $('#slider').trigger('slidechange');

Answer 2

页面加载时，不会立即触发幻灯片功能。为什么不在创建滑块后添加单个警报？这在小提琴中适用于我：

$(function () {
    // Create slider
    $("#slider").slider({
        ... your code ...
    });

    // alert initial slider value
    alert($("#slider").slider('value'));
});

Jquery Slider，加载时的默认值

2 个答案: