翻转切换开关的jQuery

Question

我创建了一个翻转切换开关有：

<select id="flip1" data-role="flipswitch"> 
     <option value="true">true</option> 
     <option value="false">false</option> 
    </select> 

我的脚本代码如下所示：

<script> 
     $("#flip1").change(function(){ 
       alert("flip"); 
     }); 
    </script> 

，但如果我改变了按钮，什么都没有发生。也许有人可以帮助我。谢谢

Answer 1

试试这个：

与功能齐全

http://jsfiddle.net/z5stP/

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 
<script> 
    $(document).ready(function(){ 
    $("#flip1").change(function(){ 
     alert("flip"); 
    }); 
    }); 
</script> 

Answer 2

打开浏览器控制台（F12）看到你的页面错误。 您的代码有效，但可能找不到您的jQuery库。

[https://webmasters.stackexchange.com/questions/8525/how-to-open-the-javascript-console-in-different-browsers][1]

Answer 3

try using below code 

    <select id="flip1" data-role="flipswitch"> 
     <option value="true">true</option> 
     <option value="false">false</option> 
    </select> 


<script> 
$("document").ready(function() 
{ 
    $("#flip1").change(function(){ 
      alert("flip"); 
    }); 
}); 
</script> 

注：DOM被加载后，请务必打电话乌尔脚本。在$（document）.ready（）函数中包含用户脚本可确保在加载dom元素后调用ur脚本