-1

试图在鼠标悬停事件上显示不同的图像。使用以下 JavaScript：

$('div.row-fluid').hover(function() {
    $(this).find('img').attr('src','http://leandrovieira.com/projects/jquery/lightbox/photos/image1.jpg');
 }, function() {
    $(this).find('img').attr('src','http://leandrovieira.com/projects/jquery/lightbox/photos/image2.jpg');
 });​

以及以下 HTML：

<div class="span27 offset1" style="margin-top: -3.2em">
      <div class="searchbutton"><img src='http://leandrovieira.com/projects/jquery/lightbox/photos/image2.jpg''></div>
</div>

但没有运气。有什么问题？小提琴：http: //jsfiddle.net/mpmqm/2/

4

4 回答 4

1

row-fluid作为类名添加到您的容器中。http://jsfiddle.net/mpmqm/3/

于 2012-09-03T17:20:46.483 回答
0

http://jsfiddle.net/mpmqm/4/ - 您的选择器已关闭。

于 2012-09-03T17:22:26.400 回答
0

说真的，你需要学习如何调试 JavaScript 和 jQuery。

使用 Firefox 和 Chrome，您可以打开控制台并输入（注意：这与$您的代码不同！）

$('div.row-fluid')
> null

此时您应该意识到选择器不起作用。

$('.row-fluid')
> null

仍然null- 哦，是的，没有.row-fluid元素。

或者，您可以使用调试语句丰富您的代码：

console.log($('.row-fluid'))

应该报告它的长度为0.

于 2012-09-03T17:25:54.113 回答
0

我在纯 JavaScript 的 stackoverflow 上为另一个人完成了这项工作。与您的情况的唯一区别是他希望在鼠标单击时更改图像 src。请。看看这是否有助于您更正代码：

使用 Javascript 切换图像 src 属性

于 2012-09-03T17:48:32.927 回答