拨动开关未运行功能

时间:2016-02-02 16:45:13

标签: javascript jquery html function toggle

我真的卡住了,有人可以帮忙吗?我需要知道我的切换工作正在进行,但此时在打开和关闭之间轻弹它是不是在运行我的功能?对编码很新,可以做一些基本的提示!

https://jsfiddle.net/ryanphs99/aob0Lnz9/

Javascript

var count = 0;

$( "#flip-1" ).on('slidestop', function() {
  if (count == 0) { 
    Query.fire_trigger(12);
    count = 1;
    window.alert("ON!!!");
  } else {
    if (count == 1) { 
      Query.fire_trigger(2000);
      count = 0;
      window.alert("OFF!!!");
    }
  }
});

HTML

<h3>Fixture Picker</h3>
  <div class="containing-element">
    <select name="flip-1" id="flip-1" data-role="slider" style="overflow:hidden;">
      <option value="off">All Off</option>
      <option value="on" >All On</option>
    </select> 
  </div>

3 个答案:

答案 0 :(得分:0)

Query未定义,因此会导致错误,并且脚本执行在到达window.alert()之前就会中断。

答案 1 :(得分:0)

原因与Query功能有关。它在小提琴中是不确定的;控制台显示(index):59 Uncaught ReferenceError: Query is not defined。当我注释掉Query函数时,它工作正常(正确提醒)。

答案 2 :(得分:0)

Working Demo

var count = 0;

$( "#flip-1" ).on('slidestop', function(){

  if (count == 0){ 
    //Query.fire_trigger(12);
    count = 1;
     window.alert("ON!!!");
  }else{

    if (count == 1){ 
      //Query.fire_trigger(2000);
      count = 0;
      window.alert("OFF!!!");
    }
  }

});