Javascript Firefox:下拉菜单(<;选择>;元素)不';t register";更改“;使用transform3d转换父div时发生的事件?
全部, 我在Firefox中遇到了一些看起来像bug的东西 我有一个Javascript Firefox:下拉菜单(<;选择>;元素)不';t register";更改“;使用transform3d转换父div时发生的事件?,javascript,jquery,firefox,css,css-transitions,Javascript,Jquery,Firefox,Css,Css Transitions,全部, 我在Firefox中遇到了一些看起来像bug的东西 我有一个DIV元素,它包含一个SELECT元素: <div id="wrapper"> <select id="ddm"> <option value="a">AAA</option> <option value="b">BBB</option> <option value="c">CCC</
DIV
元素,它包含一个SELECT
元素:
<div id="wrapper">
<select id="ddm">
<option value="a">AAA</option>
<option value="b">BBB</option>
<option value="c">CCC</option>
</select>
</div>
转换DIV
后,更改SELECT
元素似乎不会注册onchange
事件。(从技术上讲,我使用jQuery和.change()函数,但这似乎无关紧要):
即,警报从未触发
下面是一个要演示的JSFIDLE:
案例1(未触发Transform3D、onchange事件):
案例2(Chrome和IE中触发的tranform3d、onchange事件,但不是Firefox):
我做错了什么,还是这是一个错误
提前谢谢 不幸的是,这是Firefox中的一个bug: 所以-现在-看起来没有答案了。这对我来说很有效
$('#ddm').change(function (e) {
alert ('Select changed!');
}).on("keyup",function(e) {
$(this).trigger("change");
});
我在Firefox 18中看到了和你一样的东西。我甚至不能点击下拉菜单上的选项来实际更改选择,但我可以使用上下箭头键来更改所选选项,但其他div中没有更新任何内容,如您所说。是的,请确认。这正在扼杀我的同位素布局:\n问题是:我以前见过这些。他们在
select
元素中的webfonts也有问题,如果单击这些元素会重新加载页面。
$('#ddm').change(function (e) {
alert ('Select changed!');
});
$('#ddm').change(function (e) {
alert ('Select changed!');
}).on("keyup",function(e) {
$(this).trigger("change");
});