Анимация не работает в Firefox и IE - PullRequest
Новая
       1

Анимация не работает в Firefox и IE

1 голос
/ 10 июля 2010

Я пытаюсь использовать jquery, чтобы показать координаты моих контейнеров div с моими кнопками. Все контейнеры div будут скрыты при первой загрузке страницы. Когда пользователь нажимает кнопку, появляется другой контейнер. Моя проблема в том, что div будет отображаться только при нажатии кнопки в Chrome, но не в 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');


});

1 Ответ

2 голосов
/ 18 июля 2010

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

...