2012-05-05 1 views
0

サムネイルの上にマウスを置いたときにDIVをアニメーション化しようとしています。私はそのRELでDIVをアニメーション化するためにRELでイメージIDを使用できると思った。何らかの理由で、私がdiv RELに警告しようとするとOBJECT OBJECTになります。ここに私が使用したものがあります:jQuery - divのimg IDを使用する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}); 
    }); 

}); 

私は間違っていますか?

+0

あなたの問題は何ですか?何かエラーがありますか?そうでない場合、何が起こっていますか? – 11684

+1

とようこそ! – 11684

答えて

1

this.idは範囲外です。あなたはホバーコールバックの内側にそれを追加する必要があります。

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

シンプルなコンセプトのデモ:あなたの変数が内部で引用符であるので、あなたの警戒ライン上http://jsfiddle.net/f8tWY/

+0

それはうまくいった!私はコーディングが私のものではないので、私は設計に多くの時間を費やしていました。本当にありがとう! – user1376510

+0

よろしくお願いします:) – AlienWebguy

0

を、あなたは、あなたの引用符を確認する必要があります。

関連する問題