更改未觸發翻轉切換開關（jQuery）

Question

當切換開關的狀態更改時，我需要觸發一個事件（該事件將POST數據發送到外部腳本），但是我什至無法獲得最基本的示例來工作...

有人可以告訴我我做錯了嗎？

HTML：

<label for="flipswitch">Option:</label>
<select name="flipswitch" id="flipswitch" data-role="slider">
    <option value="off">Off</option>
    <option value="on">On</option>
</select>`

JavaScript（在<head>部分中）：

<script>

    $('#flipswitch').change(function(){
        console.log("flipswitch");
    });
</script>

Answer 1

該代碼對我有用。 您確定要查看控制台輸出嗎？ 您是否在$（'document'）。ready（function（）{

）};

Answer 2

您遇到的問題是在腳本執行時，沒有具有指定ID的元素。 有幾種方法可以解決此問題。

<script>

    $(function() {
        $('#flipswitch').change(function(){
            console.log("flipswitch");
        });          
    });
</script>

或者您也可以將script標簽從head標簽移到body標簽的底部，它也可以正常工作。

Answer 3

$("#flipswitch").on("change", function(e){
    console.log("flipswitch");
});

可能是因為不建議使用.change，而建議使用.on（）

演示： http : //jsfiddle.net/naUmA/13/

更改未觸發翻轉切換開關（jQuery）

問題描述

3 個解決方案

解決方案1
0 2014-03-10 00:46:47

解決方案2
0 2014-03-10 00:50:19

解決方案3
0 2014-03-10 00:51:38

更改未觸發翻轉切換開關（jQuery）

問題描述

3 個解決方案

解決方案1 0 2014-03-10 00:46:47

解決方案2 0 2014-03-10 00:50:19

解決方案3 0 2014-03-10 00:51:38

解決方案1
0 2014-03-10 00:46:47

解決方案2
0 2014-03-10 00:50:19

解決方案3
0 2014-03-10 00:51:38