0

当您将鼠标悬停在缩略图上时，我正在尝试（使用非常有限的 jQuery 知识:) 为 DIV 设置动画。我想我可以使用 REL 中的图像 ID 用该 REL 为 DIV 设置动画。出于某种原因，当我尝试提醒 div REL 时，我最终得到的只是 OBJECT OBJECT，这有点让我发疯。这是我使用的：

    $(function(){

var screenCenter = $(window).width() / 2;
var projectID = this.id;

$(document).mousemove(function(e){
    if (e.pageX < screenCenter) {

    }
    else if (e.pageX > screenCenter) {

        $("#portfolio_thumbs img").hover(function() {

            //$("div[rel=" + projectID + "]").animate({left:'100px'},{queue:false,duration:300});

            alert($('div[rel=" + projectID + "]'))

        });


    }

    $('#portfolio_thumbs img').mouseout(function() {
        $(".project_description").animate({left:'-440px'},{queue:false,duration:300});
    });

});

我究竟做错了什么？

4

2 回答 2

1

this.id超出范围。您需要将其添加到悬停回调中：

$('#portfolio_thumbs img').hover(function() {
    $('div[rel="' + this.id + '"]').animate({left:'100px'},{queue:false,duration:300});
});

简单概念演示：http: //jsfiddle.net/f8tWY/

于 2012-05-05T09:31:47.660 回答
0

在您的警报线上，您必须检查您的引号，因为您的变量在引号内。

于 2012-05-05T09:33:14.697 回答