Question

我有以下html

<a href="email.html" target="_blank" ><img src="../img/mailto.gif" alt="Send email" id='email'/></a>

单击图像应打开一个新窗口，如果之前已单击该图像，您应立即进行操作，因为单击它时它会发生变化。这也包含在使用PHP从MySQL表创建的表中（基本上，这意味着我将在每一行中获得一个新图像，我只能在全局中更改其ID，而不是逐个更改...）

添加此jquery代码后，链接停止工作。这意味着，当我点击图像时，它会更改为另一个图像（... / img / mailto_onclick.gif），这很好，但是email.html页面没有像使用它一样在新标签页中打开为...

<script language="javascript">
$(document).ready(function() {
  $('#email').click(function(){
    $(this).attr('src',"../img/mailto_onclick.gif");
       return false;
  });
});
</script>

有关如何使这项工作的任何想法？对不起，如果它是一些基本或明显的东西

Answer 1

试试这个：

<script language="javascript">
    $(document).ready(function() {
      $('#email').click(function(){

        $(this).attr('src',"../img/mailto_onclick.gif");
           //return false;
      });
    });
    </script>

Answer 2

删除return false，因为它会阻止click()的默认行为，因为<img>已包含在<a></a>内。

 $('#email').click(function(){
    $(this).attr('src',"../img/mailto_onclick.gif");
      // return false; // remove
  });

使用Javascript更改图像，但仍然在链接之后

2 个答案: