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