更改圖片的網址，而不是像懸停

我試圖改變圖像的URL鼠標懸停，其工作正常，但我想做的，懸停在DIV，而不是圖像，改變圖像的URL更改圖片的網址，而不是像懸停

以下在jQuery我：

$(".logo > img").on({ 
    "mouseover" : function() { 
    this.src = 'images/logo-white.png'; 
    }, 
    "mouseout" : function() { 
    this.src='images/logo-black.png'; 
}

HTML

<div class="logo"> 
    <img src="images/logo-white.png"> 
</div>

如何使它在股利懸停？請幫忙！

來源

2016-08-22 Sanjeev Kumar

你有圖像的任何獨特的class和id？ –

沒有獨特的類，圖像只是放在div –

如果是這樣的HTML

<div class="logo"> 
    <img src="images/logo-white.png"> 
</div>

那麼這將工作：

$(".logo").on({ 
    "mouseover": function() { 
    $(this).find("img").attr("src", "images/logo-white.png"); 
    }, 
    "mouseout": function() { 
    $(this).find("img").attr("src", "images/logo-black.png"); 
    } 
});

備選：.hover - 這是使用更少的}

$(".logo").hover(
    function() {$(this).find("img").attr("src", "images/logo-white.png");}, 
    function() {$(this).find("img").attr("src", "images/logo-black.png");} 
);

來源

2016-08-22 09:36:12 mplungjan

$(".logo").on({ 
    "mouseover" : function() { 
    $(".logo img").attr("src","images/logo-white.png"); 
    }, 
    "mouseout" : function() { 
    $(".logo img").attr("src","images/logo-white.png"); 
}

來源

2016-08-22 09:36:40

錯誤的jQuery中。一個jQuery對象沒有.src – mplungjan

試試這個

$('.logo').hover(function() { 
      $(this).find('img').attr('src','images/logo-white.png'); 
      }, 
        function() { 
       $(this).find('img').attr('src','images/logo-black.png'); 
      } 
     );

https://jsfiddle.net/nkugogop/2/

來源

2016-08-22 09:40:01

這仍然只是懸停的圖像。 – mplungjan

更新我的答案 –

更改圖片的網址，而不是像懸停

回答

相關問題