Question

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

根据jQuery Slider page，以下事件应该有效（创建/开始/停止），我确实开始/停止工作但不是创建，代码如下：

  <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页面事件存在的原因。阅读更多内容 here 。

使用的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");
    });    
});

jQuery Mobile Slider创建事件而不是触发

1 个答案:

使用的Javascript：