更改未触发翻转切换开关（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