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

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