當切換翻轉變化時如何觸發事件？

Question

我正在嘗試做一個非常簡單的事情：使用jQuery Mobile 1.1.1框架，當切換翻轉打開“手動”時，我想禁用一個字段。

這是HTML：

<div data-role="fieldcontain">
    <fieldset data-role="controlgroup">
        <label for="toggleswitch">                         
        </label>
        <select name="toggleswitch" id="toggleswitch" data-theme="b" data-role="slider">  
            <option value="off">gps</option>
            <option value="on">manual</option>
        </select>
    </fieldset>
</div>

這是我的JavaScript：

$('#toggleswitch').change(function(){
    console.log("toggle");
});

目前，我甚至無法在控制台中看到“切換”字樣。 我認為改變方法甚至沒有觸發，但這是我在在線示例中找到的。

編輯 -我在這里復制了一個錯誤的例子：我實際測試的代碼具有相同的“toggleswitch”id。 代碼現在按照我在記事本++上的方式進行編輯。

Answer 1

你把代碼放在dom准備好的回調中了嗎？

$(function() {
   $('#toggleswitch').change(function(){ console.log("toggle"); });  
});

PS：如果使用id選擇器，則無需指定元素類型。

編輯：

另請注意，您在html中使用toggleswitch3作為id，而在javascript中使用toggleswitch 。

Answer 2

select元素上的id是toggleswitch3 ，但是在JavaScript代碼中你使用toggleswitch 。 名稱需要在HTML和JavaScript中匹配，否則無法正常工作。