Question

总计noob到jquery，我想在cotsImg.hover事件中添加另一个函数，以更改第二个图像 - 就像它在下面更改一个。

之类的东西

<script  type='text/javascript'>
$(document).ready(function(){
    $("#cotsImg").hover(
       function() {$('#golfImg').attr("src","/images/golfimagebw.png");}, 
       function() {$('#golfImg').attr("src","/images/golfimage.png");
       function() {$('#golfImg2').attr("src","/images/golfimage2bw.png");}, 
       function() {$('#golfImg2').attr("src","/images/golfimage2.png");

});
});
</script>

有人可以帮忙吗？这是一个漫长的一天尝试这个！

Answer 1

你需要传递两个函数。

来自Jquery Docs of Hover()

.hover（）方法在传递单个函数时，将为mouseenter和mouseleave事件执行该处理程序。

所以，你的一个函数正在执行这两个事件。您需要在完成悬停后将其删除

$("#selectorId").hover(
function() {
   //Do something to element here
},

 function() {
    //make your element normal here
   }

);

或经典风格。

 $("#cotsImg")
        .mouseover(function() { 

            $(this).attr("src", "/images/golfimagebw.png");
        })
        .mouseout(function() {
             $(this).attr("src", "/images/golfimage.png");
        });

Answer 2

<script  type='text/javascript'>
$(document).ready(function(){
    $("#cotsImg").hover(function(){
       $('#golfImg').attr("src","/images/golfimagebw.png"); 
       $('#golfImg').attr("src","/images/golfimage.png");
       $('#golfImg2').attr("src","/images/golfimage2bw.png"); 
       $('#golfImg2').attr("src","/images/golfimage2.png");

});
});
</script>

就像那样添加你想要的东西：）

Answer 3

如果我理解你的问题，那么你不需要更多的功能，只需执行那些不包括功能的代码行。

多个Jquery函数

3 个答案: