0

我是 javascript 和 jQuery 的新手，但我想在我的网站上做一些很酷的动画，代码可能有点长，不能在这里发布。我正在为自己构建一个很酷的新学生作品集页面，并且我认为 jQuery 动画存在问题。

我的网站是http://timherbert.net

我的问题是，如果您单击开发然后尝试单击出现在导航中的设计按钮，动画将不起作用。另一边工作得非常好，点击设计，然后开发让我回到另一边。我一直在努力弄清楚这个错误以及为什么它不起作用并且感到困惑。

正如我所说，我是这种事情的新手，所以请保持温柔。但是我做错了需要纠正的事情以及其他批评将不胜感激。

我所有的脚本都链接在页面底部，main.js 是我的主要 javascript 文件。我将在这里发布我的几个函数，也许有人会在那里发现问题。我为代码中的疯狂缩进道歉，因为在这里发布它很困难。 

function rightButton(){
 $('.theatre').empty();
 $('#content').slideUp();
 $('#content-wrapper').toggleClass('overflow');
 $('#content-wrapper').removeAttr('style', "");
 $("#rightRect").removeClass('cursor');
     $("#rightRect").addClass('zz');
     $("#rightRect").animate({right:'87%'});
 $(content2).appendTo('.theatre');
 $('#leftRect').animate({right:'87%'});
 $('#social-icons').css({'right': 20 + 'px'});
 $('#design-more').animate({right:'-597%'});
 $('#design-more').slideDown();
 setTimeout(function() {     var h = $('.theatre').height(); 
                             var hh =   

    $('#hodgepodge').height();      
$('#rightRect').css({'height': h + 'px'}); 
$('#hodge').css({'height': hh - 20 + 'px'});
$('#rnav').slideDown();                 
$('#tooltip').tooltip();
$('.tooltip1').tooltip();
$('.tooltip2').tooltip();
$('.tooltip3').tooltip();
}



function leftButton(){
    setTimeout(function() {      
            $('.theatre').empty();
            $(content1).appendTo('.theatre');
            $('#social-icons').css({'right': 220 + 'px'});  
                    $('#tooltip').tooltip();
                    $('.tooltip1').tooltip();
                    $('.tooltip2').tooltip();
                    $('.tooltip3').tooltip();
   }, 20);
     $("#leftRect").addClass('yy');
     $("#leftRect").animate({left:'86%'});
     $('#lnav').fadeIn();
     $('#lnav').fadeTo('0.2');
     $('#content').slideUp()
     $('#rightRect').animate({left:'87%'});
     $("#leftRect").addClass('yy');

}

基本上我有 onClick 的设置来调用这些函数，但它们不能正常工作，我添加了 setTimeout 函数，因为当我从父容器外部调用它时，出于某种原因它没有它就无法工作。此外，我正在使用名为 rightbutton1 的 rightbutton 的衍生产品作为测试，试图让有问题的按钮工作，并且一直在尝试各种疯狂的东西和时间。

4

0 回答 0