翻轉切換開關的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腳本