javascript - 图片锚点点击在 IE7 中不起作用？

Question

我在表单中有下面的图像锚。表单 ID 为myForm. 单击时，我将调用一些数据库调用，并且我有以下 html 代码和 jquery 代码。

<a id="new"><img src="image.gif"></a> 

jQuery代码：

$('#myForm #new').click(function() {
    alert("new byutttton clickeddddd");
});

但它并没有引起警觉。我在这里做错什么了吗？它在 FF 中运行良好。

Answer 1

我会切换到'on' jQuery 事件

HTML

<a href="#" id="new"><img src="/" alt="my image" /></a>

jQuery

$("#new").on("click", function(event){
  event.preventDefault();
  alert("new byutttton clickeddddd");
});

删除#myForm。您也超过了选择器的资格。但我想这没什么大不了的。

Answer 2

IE7 很可能需要元素的 href 属性。您可能希望为此功能使用锚点以外的其他元素。选择器也只需要一个 ID，因为它们应该是唯一的。

尝试

<a id="new" href="#"><img src="image.gif"></a> 

$('#new').click(function(event) {
    event.preventDefault();
    alert("new byutttton clickeddddd");
 });

Answer 3

"<a href="javascript:void(0)" id="new"><img src="image.gif"></a>"

我认为您缺少这样的 href 标签使用