Javascript 翻转开关jquery

我创建了一个具有以下功能的翻转切换开关：

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

真的
假的

我的脚本代码如下所示：

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

$（“#flip1”）.change（函数（）{
警惕（“翻转”）；
});

但是如果我换了按钮，什么也没发生。也许有人能帮我。谢谢

试试这个：

具有就绪功能

$（文档）.ready（函数（）{
$（“#flip1”）.change（函数（）{
警惕（“翻转”）；
});
});  

打开浏览器控制台（F12）查看页面上的错误。 您的代码可以工作，但可能找不到jQuery库

[

尝试使用下面的代码
真的
假的
$（“文档”）.ready（函数（）
{
$（“#flip1”）.change（函数（）{
警惕（“翻转”）；
});
});

---

注意：总是在加载dom后调用您的脚本。将用户脚本封装在$（document）中。ready（）函数确保在加载dom元素后调用您的脚本。

。您的代码看起来很好，请确保已加载页面上的

jQuery

库dom准备好了吗？

$（document）。ready（function（）{//Your code}）

确保您已经在页面上加载了jQuery库这是提琴，包括jQuery mobile感谢使用此代码它将正常工作，我需要检查我是如何加载jQuery库的，谢谢you@user3340823欢迎：）

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

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>