我遇到了一个我写的jQuery脚本问题,这让我有点疯狂。像往常一样,它在Firefox中完美运行,但在所有IE版本中都会出现问题。jQuery点击功能在IE中不起作用
我有以下的HTML。它是利用速度所产生,所以应该是属于DOM的一部分:
<select name="groups" id="groups" type="select">
<option value="group1">group1</option>
<option value="group2">group2</option>
<option value="group3">group3</option>
</select>
我的jQuery脚本是这样的:
jQuery(document).ready(function() {
jQuery("#groups option").click(function() {
alert(group);
var group = jQuery(this).attr("value");
AJS.safe.ajax({
url: "/plugins/userlookup/userlookup.action",
type: "POST",
dataType: "json",
data: {
group: group
},
success: function(data) {
alert(data);
jQuery("#users").empty();
for(var i=0; i < data.userList.length; i++) {
var userstr = "<option value=\""+data.userList[i]+"\">"+data.userList[i]+"</option>";
jQuery("#users").append(userstr);
}
}
});
});
});
基本上有一个下拉“群体”的名单,并在选择一个组AJAX调用是从该组获取用户并填充另一个字段。在IE中,选择组什么都不做,也没有给出任何Javascript错误。我试图通过它,但看起来像“点击”功能根本没有绑定到任何元素,因为没有任何这些警报被调用,并且断点在调试器中从未被击中。我已经尝试直接在浏览器中调用AJAX URL,但与Firefox不同,我没有得到JSON输出,IE尝试下载操作并失败。
我已经遍历了Firefox和后端代码中的所有代码,这一切都工作。
任何人都可以看到我做了什么可能是错的?
非常感谢,这工作很好! – jenny 2009-12-14 01:48:08
'select-many'也没有脚本选项。这两种选择在IE中都是不可分割的小部件,因此您只有极少的脚本编写机会。在任何情况下,HTML和DOM标准都没有提及表单字段的内部,所以不建议依赖它们。 – bobince 2009-12-14 02:33:27