2013-02-07 132 views
1
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script> 

jquery在标题部分。下面的脚本正好在正文部分的末尾。jquery fadein和fadeout在本地主机上正常工作,但不能在web服务器上工作

fadeIn和fadeOut函数是用于缩略图的按钮来触发事件是缩略图div的一部分。这是淡入淡出和淡入淡出的原因。

$('#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功能可以正常工作。我使用萤火虫进行调试,并看到没有加载错误或任何其他错误。

我在这里错过了什么?

感谢

d

+0

它是否给控制台日志中的任何错误? – Roger

+0

你是在文件加载时调用这些文件还是只在页面末尾运行脚本? – Pete

+0

控制台日志中没有错误..我正在$(document).ready(function() – user1820971

回答

0

尝试这样的事情。

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

}); 
相关问题