Javascript 函数使用.slideUp不'；不动

好的，首先是函数-

//function to change page   
function changePage(newPage) {
    $('.current').slideUp();
    $('.current').removeClass('current');
    $(newPage).addClass('current');
    $('h3.title').text('');
    $('.slider_container').empty();
    $(newPage).slideDown();
}

它叫什么名字

$('.specialistLink').on('click', function(event) {
    event.preventDefault();
    $('#footerLinks').removeClass('hide');
    $('header').css({'border-bottom': '10px solid #738c1f'});
    changePage("#page3");
    $('h3.title').text('dp-specialist').css({'color' : '#738c1f'}); 
    $('#page3 .left ul a:first').click();
    $('#footerLinks .left').css({'background-color':'#738c1f'});
    $('#footerLinks .right').css({'background-color':'#c8c0b5'});
});

上述单击事件的Dom元素

<a href="#" class="specialistLink">
<div class="left">
  <h3>dp-specialist ></h3>
</div>
</a> 

要显示/设置动画的dom元素（由于空间原因，减去内容）

---

现在的问题是——我有两个相同的链接（除了#要加载的页面、要更改的css值和触发单击的类），但这一个从来没有动画——它显示得很好（内容更改和#第3页显示）但是当前的#页面不会向上滑动，新页面也不会滑入，除非#页面3当前已在视图中，在这种情况下它会滑入。

也许对该幻灯片使用回调函数可以解决您的问题（但不确定）：

---

一旦slideUp动画完成，这将执行第二个函数中的所有内容

，也许对slideUp使用回调函数可以解决您的问题（但不确定）：

---

一旦slideUp动画完成，这将执行第二个函数中的所有内容

查看在动画完成后添加当前类是否有帮助

//$(newPage).addClass('current');
$('h3.title').text('');
$('.slider_container').empty();
$(newPage).slideDown(400, function(){ $(this).addClass("current"); } );

---

查看动画完成后添加当前类是否有帮助

//$(newPage).addClass('current');
$('h3.title').text('');
$('.slider_container').empty();
$(newPage).slideDown(400, function(){ $(this).addClass("current"); } );

---

我想知道是否切换“当前”类更改有效禁用动画的样式您可以制作一个JSFIDLE吗？这里的关键点是此函数在文档中总共6个不同的位置运行-除了这个链接之外，所有这些都按预期工作。当前类没有附加样式。它只是用作此函数的标识符。我想知道切换“当前”类更改有效禁用动画的样式您可以制作一个JSFIDLE吗？这里的关键点是该函数在文档中总共6个不同的位置运行-除了这个链接之外，所有这些都按预期工作。当前类没有附加样式。它只是用作此函数的标识符。有点工作但是，单击事件不会在动画完成后等待功能完成，然后再继续。这似乎正常，但一次单击事件的动画速度总是比其他事件快。。。函数changePage（newPage）{$（'.current'）.slideUp（'slow'，function（）{$（newPage）.slideDown（）；}）；$（'.current'）.removeClass（'current'）；$（newPage）.addClass（'current'）；$（'h3.title'）.text（''；}您能将所有这些.css和.removeClass ecc从单击事件移动到slideUp回调中吗？有点工作，但是单击事件在继续之前不会等待动画后的函数完成。这似乎工作正常，但一次单击事件的动画速度总是比其他事件快。。。函数changePage（newPage）{$（'.current'）.slideUp（'slow'，function（）{$（newPage）.slideDown（）；}）；$（'.current'）.removeClass（'current'）；$（newPage）.addClass（'current'）；$（'h3.title'）.text（'）；}能否将所有这些.css和.removecc从click事件移到slideUp回调中？

//$(newPage).addClass('current');
$('h3.title').text('');
$('.slider_container').empty();
$(newPage).slideDown(400, function(){ $(this).addClass("current"); } );