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后始终调用ur脚本。在$（document）.ready（）函数中包含用户脚本可确保在加载dom元素后调用ur脚本

翻转切换开关jquery

3 个答案: