为图像的onmouseout属性添加额外的function

我有这个：

  $(document).ready(function() { $("img").each(function(index){ $(this).attr("onmouseout", "hidetips();newfunction();"); }); });  

我试过上面但它不起作用，任何人都知道如何在onmouseout属性后面添加额外的newfunction（）？

Answer 1

使用mouseout方法绑定事件处理程序。 使用匿名函数来包含对单独函数的调用：

 $(document).ready(function() { $("img").mouseout(function() { hidetips(); newfunction(); }); }); 

注意：它将绑定jQuery对象中的所有找到的元素，因此您不必循环。

编辑：

您也可以使用jQuery绑定showtips函数，这样您就不需要每个图像元素中的事件属性：

 $(document).ready(function() { $("img").mouseover(showtips).mouseout(function() { hidetips(); newfunction(); }); }); 

Answer 2

或者，您可以添加一个名为clickHandler或类似函数的函数，然后根据需要运行所需的函数，因此您只需从onmouseout和onmouseover指定一个函数。 例如：