2013-02-07 133 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(); 
    }); 

}); 
相關問題