javascript - jquery fadein 和 fadeout 在本地主机上工作正常，但在 Web 服务器上不行

Question

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script>

jquery 在标题部分。下面的脚本位于正文部分的末尾。

fadeIn 和 fadeOut 函数适用于带有触发事件的按钮的缩略图，这些按钮是缩略图 div 的一部分。这就是 fade 和 fade2 id 的原因。

$('#fade').click(function() {
                  $('#t1').css('visibility','hidden').hide().fadeOut('slow', function(){
                  $('#t11').css('visibility','visible').hide().fadeIn();
                  });

                });
          $('#fade2').click(function() {
                  $('#t11').css('visibility','hidden').hide().fadeOut('slow', function() {
                  $('#t1').css('visibility','visible').hide().fadeIn();
                  });

                });

问题:这在本地主机上运行得很好，但是当我在 dreamhost 上上传文件时，这个特定的功能不起作用。我还有其他工作正常的 jQuery 函数。我使用 firebug 进行了调试，没有看到加载错误或任何其他错误。

我在这里缺少什么？

谢谢

D

Answer 1

尝试这样的事情。

$('#fade').click(function() {
    $('#t1').fadeOut('slow', function(){ //First do the animation of FadeOut
        $('#t11').fadeIn(); // when done, fadeIn the other element
    });

});
$('#fade2').click(function() { //Backwards
    $('#t11').fadeOut('slow', function() {
        $('#t1').fadeIn();
    });

});