Question

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

    $(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});
    });

});

我做错了什么？

Answer 1

this.id超出了范围。您需要在悬停回调中添加它：

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

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

Answer 2

在警报线上

，你必须检查你的报价，因为你的变量在那里的引号内。

jQuery - 在div REL中使用img ID

2 个答案: