jquery-mobile - jQuery Mobile Slider 创建事件未触发

Question

我第一次使用jquery mobile时，滑块创建事件似乎不想触发。

根据jQuery Slider 页面，以下事件应该可以工作（创建/启动/停止），我确实开始/停止工作，但没有创建，代码如下：

  <script>
      $(function () {
          $("#slider-s").slider({
              create: function (event, ui) {
                  console.log("creating");
              },
              start: function (event, ui) {
                  console.log("start moving");
              },
              stop: function (event, ui) {
                  console.log("stop moving");
              }
          });
      });
  </script>
  <input type="range" name="slider-s" id="slider-s" value="25" min="0" max="100" data-highlight="true">

因此，每次我向上移动滑块时，我都会得到start moving，当我停止它时，我会得到stop moving，但我认为creating一旦加载/创建了滑块，我就会得到。

Answer 1

工作示例：http: //jsfiddle.net/Gajotres/6dQ9E/

关键是使用正确的页面事件来检测正确的小部件事件。此外，您永远不应该使用 jQuery Mobile 准备好的经典文档，有时它工作得很好，有时它表现得非常奇怪。这就是 jQuery Mobile 页面事件存在的原因。阅读更多关于它的信息。

使用的Javascript：

$(document).on('pagecreate', '#index', function(){ 
    $(document).on('slidecreate', '#slider-s', function(){ 
        console.log("create");
    });    
    $(document).on('slidestart', '#slider-s', function(){ 
        console.log("start");
    });
    $(document).on('slidestop', '#slider-s', function(){ 
        console.log("stop");
    });    
});