jquery effects не работает в Internet explorer

Question

<script type="text/javascript" src="css/jquery-1.7.1.js"></script> 


<script type="text/javascript"> 


function slidedown(id){ 

$('#rerooftext').hide(0); 
$('#inspectiontext').hide(0); 
$('#remodelingtext').hide(0); 
$('#restorationstext').hide(0); 
$('#commtext').hide(0); 
$('#painttext').hide(0); 

setTimeout(300); 
$('#'+id.id+'text').fadeToggle(1000); 

}; 
</script> 

Здесь у меня есть функция, которая скрывает несколько div, которые содержат текст, а затем показывает div для щелкнутой ссылки, используя функции jquery. Этот код отлично работает в chrome, но Internet Explorer не выполняет анимацию, когда я нажимаю ссылку, которая скрывает текущий div, который является reroof, но не показывает новый div, который является кодом $ ('#' + id.id + 'текст') fadeToggle (1000).

Любые идеи, почему это может произойти?

Answer 1

Это потому, что в вашем коде есть ошибка в setTimeout(300);, из-за которой выполнение не доходит до линии, в которой вы выполняете анимацию затухания.

setTimeout принимает 2 аргумента. Сначала указатель функции или строка, содержащая исполняемый код, второй аргумент - это время в миллисекундах, после которого указанная функция или код для выполнения.

Комментарий к этой строке, потому что это бесполезно и попробуйте, это сработает. Если вы хотите отложить анимацию в течение некоторого времени, вы можете взглянуть на jQuery delay.

function slidedown(id){ 

    $('#rerooftext').hide(0); 
    $('#inspectiontext').hide(0); 
    $('#remodelingtext').hide(0); 
    $('#restorationstext').hide(0); 
    $('#commtext').hide(0); 
    $('#painttext').hide(0); 

    //setTimeout(300); 

    $('#'+id.id+'text').fadeToggle(1000); 

};