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，因为链接看起来像这样。

Hello World

代码输出是：

<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 会将事件委托给文档，以便它继续检测与选择器匹配的新元素。或者，您可以使用 document ready 事件：

长格式：

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

短格式：

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

有关详细信息，您应该阅读 jQuery API。

Answer 2

将其放入 $(document).ready(...:

$(document).ready(function() {
    $("#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;
    });
});

请阅读 http: //api.jquery.com/ready/

Answer 3

不要设置属性 onclick - 将函数传递给 jquery click 函数

$("#div-id1 a").click( function () {
    /* Code here */
});

你能进一步解释一下 arr 吗？您需要对代码进行一些修改，使其适用于 click 而不是 attr。