2010-07-10 2 views
1

Я пытаюсь использовать jquery, чтобы показать мои контейнеры div с моими кнопками. Все контейнеры div будут скрыты при первой загрузке страницы. Когда вы нажимаете кнопку, появляется другой контейнер. Моя проблема в том, что div будет отображаться только при нажатии кнопки в Chrome, но не в firefox или IE. Я ценю, если кто-нибудь сможет мне помочь в этом. Благодарю.Анимация не работает в firefox и IE

HTML

<div> 
<ul id="menu"> 
    <li id="project"><a href="#"></a></li> 
    <li id="code"><a href="#"></a></li> 
    <li id="skill"><a href="#"></a></li> 
    <li id="about"><a href="#"></a></li> 
    <li id="contact"><a href="#"></a></li> 
</ul> 
</div> 

<div id='projects'> 
    contents 
</div> 
<div id='skillContainer'> 
    contents 
</div> 
<div id='codeContainer'> 
    contents 
</div> 
....... 

Мой Jquery ...

function breakline(position) { 
    $('#breakline').animate({ 
    top:position},'slow'); 
    console.log(position); 
    }; 

function hideAll() { 
    $('#projects').hide(); 
    $('#codeContainer').hide(); 
    $('#skillContainer').hide(); 
    $('#aboutContainer').hide(); 
    $('#contactContainer').hide(); 
    $('#bonusSkill').hide(); 
    $('#mePic').hide(); 
    $('#phoneNumber').hide(); 

}; 

hideAll(); 

$('#project a').click(function(){ 
    hideAll(); 
    breakline(256); 

    $('#projects').animate( //won't show in firefox or IE 
    {opacity:'toggle', height:'toggle'},'slow'); 


}); 



$('#code a').click(function(){ 
    hideAll(); 
    breakline(200); 

    $('#codeContainer').animate(//won't show in firefox or IE 
    {opacity:'toggle', height:'toggle'},'slow'); 

}); 




$('#skill a').click(function(){ 

    hideAll(); 
    breakline(236); 

    $('#bonusSkill').animate( //won't show in firefox or IE 
    {opacity:'toggle', height:'toggle'},'slow'); 

    $('#skillContainer').animate(
    {opacity:'toggle', height:'toggle'},'slow'); 


}); 
+2

Ваш код отлично работает для меня в Firefox. Есть ли другой код или HTML, которые вы оставили? – Pointy

ответ

2

Из того, что я могу видеть, что вы используете console.log который unsuported в IE и Firefox (без Firebug). Удаление этой строки должно устранить вашу проблему.

+0

да. вы совершенно правы. Я уже исправил это, спасибо. – FlyingCat

Смежные вопросы