2013-01-09 2 views
1

나는 내 문제를 연구 중이며 중복을 게시하고 싶지는 않지만 내 연구에 설명 된대로 방법을 시도했으며 지연 기능을 사용할 수 없습니다!setTimeout function

구문에 이상이 있고 작동하지 않는 이유가 있다면 누군가가 살펴보고 알려 줄 수 있습니까? 모든이의 setTimeout 기능 귀하의 setimeout 기능이 작동

$(document).ready(function(){ 
    $("#slider").easySlider({ 
     auto: true, 
     continuous: true 
    }); 

    $("#prevBtn a").hide(); 
    $("#nextBtn a").hide(); 
    $("#slider").mouseover(function(){ 
     $("#prevBtn a").show(); 
     $("#nextBtn a").show(); 
    }); 

    setTimeout(function(){ 
     $("#prevBtn a").fadeOut('slow'); 
     $("#nextBtn a").fadeOut('slow'); 
    },3000); 
}); 
+0

할 수 있습니다 설정 [jsfiddle]의 데모 (http://jsfiddle.net/)? – dunli

+0

setimeout 기능이 작동합니다. console.log ('hi')를 안에 넣고 보았습니다. –

+4

당신은'#prevBtn a'과'#nextBtn a '를 숨긴 다음 setTimeout에서 사라지게 할 것입니다. 아마도 fadeIn (http://api.jquery.com/fadeIn/)을 사용하려고했을 것입니다. – Gabriel

답변

4
$(document).ready(function(){ 
    $("#slider").easySlider({ 
     auto: true, 
     continuous: true 
    }); 

    $("#prevBtn a").hide(); 
    $("#nextBtn a").hide(); 
    $("#slider").mouseover(function(){ 
     $("#prevBtn a").show(); 
     $("#nextBtn a").show(); 
    }) 
    .mouseout(function(){ 

     setTimeout(function(){ 
      $("#prevBtn a").fadeOut('slow'); 
      $("#nextBtn a").fadeOut('slow'); 
     },3000); 

    }); 

}); 
+0

동의했다. 나는 html이 어떻게 생겼는지 모르기 때문에 최적화를 시도하지 않았습니다. – Geuis

+0

안녕하세요. 당신의 솔루션이 트릭을했습니다. 나는 내 연구에서 어디에서나 그것을 발견 할 수 없었다. 도와 주셔서 감사합니다. :) – Jgunzblazin

1

을 제외하고 잘 실행됩니다. 나는

console.log('hi'); 

을 넣고 봤다.

이 줄을 제거해야 할 필요가 있다고 생각합니다. DOM에 숨겨진 요소가 준비되어 있기 때문입니다.

$("#prevBtn a").hide(); 
$("#nextBtn a").hide();