翻转切换开关jquery [重复]答案

【问题标题】：Flip toggle switch jquery [duplicate]翻转切换开关jquery [重复]
【发布时间】：2014-06-23 11:45:31
【问题描述】：

我创建了一个翻转开关：

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

我的脚本代码如下所示：

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

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

【问题讨论】：

Your code works fine..
您的代码看起来不错，请确保您已在页面上加载了jQuery 库
dom 准备好了吗？ $(document).ready(function() { // your code });
确保你的页面已经加载了 jQuery 库
这是小提琴，包括 jQuery mobile jsfiddle.net/NG78a/2

标签： javascript jquery html jquery-mobile

【解决方案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>

【讨论】：

感谢这段代码它可以工作，我需要检查我是如何加载 jQuery 库的，谢谢
@user3340823 欢迎:)

【解决方案2】：

打开浏览器控制台 (F12) 以查看页面上的错误。您的代码有效，但可能找不到您的 jQuery 库。

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

【讨论】：

【解决方案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 元素后调用您的脚本

【讨论】：