2010-11-21 5 views
0

누군가 내 코드를보고 잘못된 정보를 알려주시겠습니까?jQuery Mouseover if 문 안에서 호 문문

$("div.inner").hover(function(){ 
    $("span.arrowL, span.arrowR").fadeIn("slow"); 
    if ($('div#move_next').mouseover()){ 
     return false; 
    } else { 
     return true; 
    } 
    }, 
    function(){ 
    $("span.arrowL, span.arrowR").fadeOut(); 
    }); 
}); 

나는 배경 이미지가 호버에 페이드하려고 노력하고 있어요 누군가가 내가 화살표가있어 대신 페이드 ​​아웃 할 특정 영역을 가리킬 경우.

+0

우리는 테스트 할 수 있도록 해당 HTML과 CSS를 게시 할 수 있습니까? –

+0

모든 CSS는 http://jjordanweb.com에서 찾을 수 있습니다. –

+0

@jj mouseover에 대한 if 조건을 갖는 이유는 다른 mouseover가 트리거를 가져 오는 경우 그렇지 않은 경우 mouseover 조건 인 경우 사용할 필요가 없다고 생각합니다. – kobe

답변

0

일단 화살표 L 또는 화살표 R 요소를 가리키면 전체 상위 컨테이너에 대한 호버가 더 이상없고 페이드 아웃이 호출된다고 생각하십시오.

+0

그래서 내가 할 수없는 것은 무엇입니까? –

+0

하, 미안하지만 거기에 애매한 대답이 조금 남았습니다. 나는 분명히 가능한 이벤트 준비를 알아낼 필요가 있다고 생각합니다. 축구가 진행되는 동안 머뭇거리다. :) – meinmkv

+0

감사합니다. meinmkv, 많이 감사합니다! –

0

이 시도 :

$('#move_prev').mouseover(function() { 
    $('span.arrowL').stop(true).css('opacity', 1); 
}); 

$('#move_next').mouseover(function() { 
    $('span.arrowR').stop(true).css('opacity', 1); 
}); 

이 사용자의 마우스 포인터가 움직이는 화살표를 발생하지 페이드 아웃을 중지하고 이미 완료되었습니다 페이드 아웃의 그 부분을 반대한다. #move_prev#move_nextdiv.inner 안에 있지 않기 때문에 이것이 필요합니다. 그래서 화살표가 숨겨집니다.

+0

감사합니다. 백만 명이 이상적인 기계입니다. 어떤 변화가 있어도 논리적으로 여기서 무슨 일이 일어나는지 설명해 줄 수 있습니다. 그래서 이동 div 중 하나가 마우스 위로 움직이면 span에서 실행중인 모든 함수를 멈추고 css에 1의 불투명도를 부여합니까? 이거 가깝 니? –

+0

@JJ Nold :'.stop (true)'는 현재 실행중인 효과 (마우스 포인터가있는 * 올바른 * 화살표)를 멈추고 실행할 왼쪽 큐를 지 웁니다. http://api.jquery.com/stop/ 페이드 아웃이 이미 시작 되었기 때문에, 화살표를 완전히 불투명하게 만들기 위해서는 .css ('opacity', 1)'이 필요합니다. 왜냐하면'# move_prev'와 '# move_next'는'div.inner' 안에 없습니다. – PleaseStand

+0

idealmachine, 설명해 주셔서 감사합니다! –