2012-12-06 5 views
0

다른 함수를 사용하여 호출되고 페이드 인되는 요소 내부에 커서를 배치하려면 어떻게해야합니까?fadein 요소의 jquery place 커서

function ajax_cart() { 
    var url = 'shoppingcart.php';  
    jQuery("#carttopcontainer").load(url); 
    jQuery('html, body').animate({scrollTop:0}, 'slow'); 
    jQuery("#carttopcontainer").fadeIn(400); 
    jQuery('#carttopcontainer').hoverIntent({ 
    over: startHover, 
    out: endHover, 
    timeout: 1000 
    }); 
} 

#carttopcontainer 사업부는 항목이 아약스 게시물을 사용하여 추가 한 후 카트 DIV 컨테이너를 표시하는 작은 팝업입니다 : 이것은 내가 지금 가지고있는 기능입니다. 페이드 인 (fade in) 후에 해당 div의 안쪽에 마우스 커서를 놓고 싶습니다.

감사합니다.

답변

0

확인을 누르십시오. 제 질문은 아마도 정확하지 않았고 이해하기 어려웠지만, 여기에 제가하려고했던 것이 있습니다. div가 나타나서 필요한 부분이 있습니다. 몇 초 후에 그것을 숨기고, 마우스가 그 div 위에 있지 않은 경우에만. 마우스가 해당 div 위에 오면 표시되어야합니다. 또한 마우스가 빠르게 빠져 나가면 우발적이어서 div가 계속 표시 될 수 있습니다.

$("#carttopcontainer").delay(3000).animate({height:"hide",opacity:"hide"}, 2000).mouseover(function() { 
    $(this).stop(true, false).animate({height:"275px",opacity:1}, 200)}).mouseleave(function() {$(this).animate({height:"hide",opacity:"hide"}, 2000)}); 

가 좀 더 나은 솔루션이 있습니다 확신 해요,하지만이 사람은 그래서 행복 해요 나를 위해 작동 : 여기 그것을 달성하는 방법입니다.

1

JavaScript로 사용자 커서를 이동할 수 없습니다. 요소에 초점을 맞추려면 element.focus()

+0

솔직히 나는 포커스()로 얻는 것을 이해하지 못하는 것 같습니다. 나는 기본적으로 hoverIntent를 시작하려고 노력하고 있습니다. 아이디어는 장바구니 div가 나타나고 두 번째 또는 두 번째 열어 본 다음 페이드 아웃하는 것입니다. hoverIntent를 추가 했으므로 #carttopcontainer 위로 커서를 놓고 옮기면 div가 잠시 후에 사라집니다. 마우스가 그 div 안에 있지 않더라도 똑같은 일이 생길 필요가 있지만, 마우스가있을 때 일어나지 않아야합니다. :) – user1078494

+0

마우스를 움직일 수 없습니다. jQuery ['element.mouseover()'] (http://api.jquery.com/mouseover/)를 사용하여 mouseover 이벤트를 트리거 할 수는 있지만 그렇게 보이게하는 코드를 호출하는 것이 더 쉽지는 않을 것입니다 그것은 맴돌다? – epascarello

+0

흠 ... 마우스를 놓으면 div가 숨겨지기를 원하기 때문에 마우스를 올리면 표시되는 코드가 도움이 될 것이라고 생각하지 않습니다. 그러나 마우스 오버 중에는 계속 볼 수 있습니다 ... fadeIn에 대한 대안 솔루션이 있습니까? 타이머를 fadeOut으로 설정하고 마우스 오버시 타이머를 재설정 하시겠습니까? – user1078494