彈出消息：不適用於jQuery 1.7

Question

我有jQuery版本的問題。我使用的網站使用jQuery的1.7版本。但是，我有一個在1.4版上運行的腳本。 網站版本： <script src="http://code.jquery.com/jquery-latest.min.js"></script> <script>window.jQuery || document.write('<script src="js/libs/jquery-1.7.1.min.js"><\/script>')</script>

腳本版本：<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>

內容腳本：

<script type="text/javascript"> 
function openOffersDialog() { 
    $('#overlay').fadeIn('fast', function() { 
     $('#boxpopup').css('display','block'); 
     $('#boxpopup').animate({'left':'30%'},500); 
    }); 
} 

// PROBLEM WITH THIS PART (cant close popup): 
function closeOffersDialog(prospectElementID) { 
    $(function($) { 
     $(document).ready(function() { 
      $('#boxpopup').css('position','absolute'); 
      $('#boxpopup').animate({'left':'-100%'}, 500, function() { 
       $('#boxpopup').css('position','fixed'); 
       $('#boxpopup').css('left','100%'); 
       $('#overlay').fadeOut('fast'); 
      }); 
     }); 
    }); 
} 
</script> 

他們是否使用了一些老功能的jQuery？

Answer 1

我猜你的closeOffersDialog()功能是從按鈕點擊或某些這樣的。如果是，包裹DOMReady監聽器裏的函數內容是沒有意義的：

試試這個：

function closeOffersDialog(prospectElementID) 
{  
    $('#boxpopup').css('position','absolute'); 
    $('#boxpopup').animate({'left':'-100%'}, 500, function() { 
     $('#boxpopup').css('position','fixed'); 
     $('#boxpopup').css('left','100%'); 
     $('#overlay').fadeOut('fast'); 
    }); 
}