jQuery Mobile Slider create事件未触发 [英] jQuery Mobile Slider create event not firing

问题描述

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

First time I am using jquery mobile the slider create event seems to not want to fire.

根据 jQuery Slider页面，以下事件应该起作用(创建/开始/停止)，我确实可以启动/停止工作，但无法创建，代码如下:

According to jQuery Slider page the following events should work (create/start/stop), I did get start/stop to work but not the create, code below:

  <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.

So every time I move up the slider I get start moving and when I stop it I get stop moving but I thought I would get creating once the slider has been loaded/created.

推荐答案

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

重点是使用适当的页面事件来检测正确的窗口小部件事件.另外，您永远不应该将经典文档与jQuery Mobile一起使用，有时它工作得很好，有时却表现得很怪异.这就是为什么存在jQuery Mobile页面事件的原因.在 此处 上了解更多信息.

The point is to use proper page event to detect right widget event. Also you should never used classic document ready with jQuery Mobile, sometimes it works just fine and sometimes it behaves extremely weird. That's why jQuery Mobile page events exist. Read more abut it here.

$(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 create事件未触发的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！