Jquery Slider，加载时的默认值答案

【问题标题】：Jquery Slider, Default Value on LoadJquery Slider，加载时的默认值
【发布时间】：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);
            }
        }
    });
});

【问题讨论】：

标签： javascript jquery html jquery-ui uislider

【解决方案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'));
});

【讨论】：

你能举个例子吗？