jQuery 1.4 中的实时更改处理程序不适用于 IE 中的选择元素

发布于 2024-08-18 18:05:09 字数 974 浏览 4 评论 0原文

我最近决定尝试 jQuery 1.4，很高兴我终于能够支持适用于 IE 中更改事件的实时事件处理程序。然而，它们似乎并不总是有效。如果我尝试在选择元素上分配实时更改处理程序，则当我在 IE 中更改它时它不起作用。

我在 IE 6、7 和 8 中尝试过此操作。在我尝试过的所有其他浏览器（Firefox、Chrome、Safari）中，它运行良好。我尝试将命令放在就绪函数中分配处理程序，但这并没有解决问题。

有谁知道造成此问题的原因或我可以采取哪些措施来解决它？我做错了什么，或者这是 jQuery 中的一个错误？这是一个例子：

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">
<html><head>
<meta http-equiv='Content-Type' content='text/html; charset=UTF-8'>
<title>jQuery live change handler test</title>
</head>
<body>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
<select id="test">
    <option value="a">a
    <option value="b">b
</select>
<script type="text/javascript">
$("#test").live("change", function() {
    alert('hi');
});
</script>
</body></html>

原文

I recently decided to try jQuery 1.4, excited that I would finally have support for live event handlers that work for change events in IE. However, it seems like they don't always work. If I try to assign a live change handler on a select element, it doesn't work when I change it in IE.

I tried this in IE 6, 7, and 8. In every other browser I tried (Firefox, Chrome, Safari), it works fine. I tried putting the command to assign the handler within the ready function, and that didn't fix it.

Does anyone have any idea what is causing this or what I can do to fix it? Am I doing something wrong, or is this a bug in jQuery? Here is an example:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">
<html><head>
<meta http-equiv='Content-Type' content='text/html; charset=UTF-8'>
<title>jQuery live change handler test</title>
</head>
<body>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
<select id="test">
    <option value="a">a
    <option value="b">b
</select>
<script type="text/javascript">
$("#test").live("change", function() {
    alert('hi');
});
</script>
</body></html>

分享到QQ

分享到微博