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>

或者您只需将脚本标记从head标记移动到body标记的底部，它也可以正常工作。

Answer 3

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

可能因为.change被弃用而不赞成.on（）

DEMO：http://jsfiddle.net/naUmA/13/

更改未触发时翻转切换开关（jQuery）

3 个答案: