javascript - jquery 淡入和淡出在本地主机上工作正常，但在 Web 服务器上却不行

Question

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

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

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

$('#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();
                  });

                });

问题：这在 localhost 上完美运行，但是当我在 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();
    });

});