弹出消息：不适用于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'); 
    }); 
}