Jquery Slider，加载时的默认值

Posted 2023-03-13

【中文标题】Jquery Slider，加载时的默认值

【英文标题】：Jquery Slider, Default Value on Load

【发布时间】：2014-01-22 05:24:48

【问题描述】：

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

所以在下面的例子中，当页面加载时。页面应警告“0”。这是slider的默认值，放在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);
            
        
    );
);

【参考方案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');

【讨论】：

不工作，我希望在页面加载时，滑块的值 '0' 应该在没有幻灯片的情况下发出警报。

【参考方案2】：

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

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

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

【讨论】：

你能举个例子吗？