Question

我无法弄清楚为什么我的幻灯片事件不适用于jQuery Mobile中的范围输入类型。我有以下代码来动态构建我的输入（滑块）：

var $label = $('<label for="slider1">Slider: </label>'),
    $slider = $('<input id="slider1" name="slider1" type="range" min="1" max="10" value="1">');

$('#mainContent').append($label, $slider).trigger('create');

$slider.on('slidestart', function (e) {
        console.log('slidestart');
    })
    .on('slidestop', function (e) {
        console.log('slidestop');
    });

然而，这些事件永远不会被触发，也没有任何记录 - 即使我在函数中执行类似alert('')的操作，也不会弹出警报。一切都很好，只是事件没有约束力 - 任何想法为什么？

此处有一个实例：http://jsfiddle.net/y4Y9L/。

Answer 1

试试这个

$('#slider1').on('slidestart', function (e) {
    console.log('slidestart');
}).on('slidestop', function (e) {
    console.log('slidestop');
})

DEMO

jQuery Mobile动态输入范围 - 滑块事件不起作用

1 个答案: