Jquery onclick 不适用于 IE7

Question

这是我的代码。它适用于 Firefox、Chrome，但不适用于 ie7。

arr 为每一行生成 (number + 1)..

$("#div-id1 a").attr("onclick", function (arr) {
  return "document.getElementById('row1').value+=" + arr;
});
$("#div-id2 a").attr("onclick", function (arr) {
  return "document.getElementById('row2').value+=" + arr;
});

<input id="row1"  type="text" name="row1" value="" />
<input id="row2"  type="text" name="row2" value="" />

我的js代码在这之间。

jQuery(function($){...code...});

我正在添加 onclick，因为链接看起来像这样。

<a>Hello World</a>

代码输出为:

<a onclick="document.getElementById('row1').value+=1">Hello World</a>

有人可以给我展示工作示例吗？

Answer 1

你做错了。

向 onclick 属性添加函数是否有效？是的，在某些浏览器中，但是您没有充分利用 jQuery 的规范化事件。设置点击事件的 jQuery 方法是使用 click(fn)、bind('click', fn) 或 live('click', fn )

此外，由于您尚未显示脚本与 HTML 的关系，因此 dom 元素可能尚不存在。使用 live 会将事件委托(delegate)给文档，以便它继续检测与选择器匹配的新元素。或者，您可以使用文档就绪事件:

长格式:

jQuery(document).ready(function($){...code...});

简短形式:

jQuery(function($){...code...});

有关更多信息，您应该阅读jQuery api .