1

谁能告诉我为什么这在 chrome 中有效，但在 FireFox 中无效

<!DOCTYPE html>
<head>
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>    
</head>
<body>
    <form class="Frm">
    <select id="xid">
        <option value="1">One</option>
        <option value="2">Two</option>
    </select>
    </form>
    <script>
    $('.Frm').on('change', '#xid', function(event){
      alert('test);
    });

    /* // but this one works in FireFox
    $('#xid').on('change',function(event){
      alert('test);
    });
    */
    </script>
</body>

如果我使用 $('#xid').on('change',function(event) ... 那么它工作正常。

jsfiddle 链接：http: //jsfiddle.net/csLAk/1827/

我真的需要使用 $selector.on('change', 'secondselector'

.... 类似的问题已经被问到关于使用带有选择下拉菜单的更改，但这不是问题。我的问题是，为什么在使用 $selector.on('change', 'secondselector' 时它在 FF 中不起作用

编辑：FireFox Browser 7.1 版（感谢 Jason P 指出这可能与版本相关）

4

0 回答 0