0

サムネイルにカーソルを合わせると、(jQueryの知識が非常に限られていますが:)DIVをアニメーション化しようとしています。RELの画像IDを使用して、そのRELでDIVをアニメーション化できると思いました。どういうわけか、私が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});
    });

});

私は何が間違っているのですか?

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 に答える