jQuery - div에서 img ID 사용하기 REL

축소판 위로 마우스를 가져 가면 DIV에 애니메이션을 적용하려고합니다 (매우 제한된 jQuery 지식으로 :). REL에서 이미지 ID를 사용하여 해당 REL로 DIV에 애니메이션을 적용 할 수 있다고 생각했습니다. 어떤 이유로 든 내가 결국 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}); 
    }); 

});

내가 뭘 잘못하고있어?

출처

2012-05-05 user1376510

무엇이 문제입니까? 어떤 오류가 있습니까, 그렇지 않다면, 무슨 일이 일어나고 있습니까? – 11684

및 SO! – 11684

this.id은 범위를 벗어납니다. 당신은 호버 콜백 내부를 추가해야합니다

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

간단한 개념 데모 : http://jsfiddle.net/f8tWY/

출처

2012-05-05 09:31:47 AlienWebguy

그게 효과가! 나는 코딩이 내 일이 아니기 때문에 디자인에 더 집중한다. 나는 오랜 시간 동안 노력하지 않고있다. 정말 고마워! – user1376510

도와 주셔서 감사합니다 :) – AlienWebguy

당신의 경고를 줄에, 당신은 당신의 따옴표를 확인해야합니다, 당신의 변수가 내부 따옴표를이기 때문이다.

출처

2012-05-05 09:33:14 11684

jQuery - div에서 img ID 사용하기 REL

답변

관련 문제