0

我已经使用这个脚本有一段时间了（最初由 Soh Tanaka 编写，但源网站已经消失） - 它会在变暗的页面上弹出一个窗口，并带有一个关闭按钮，可以将其关闭并取消页面显示。在我将 jquery 更新到最新的 1.9.1 以实现一些新东西之前，它运行良好。现在它会弹出窗口，但单击关闭按钮不会再将其删除 - 它只是将背景中的页面分流到顶部，并且似乎在背景中添加了另一层黑暗。

错误控制台消息：TypeError: 'undefined' is not a function (evalating '$('a.close, #fade').live')引用脚本的最后一段：//Close Popups..."

任何人都可以帮我解决这个问题吗？对这个很菜鸟，更多的是一个剪切和粘贴的人！谢谢:)

<script  type="text/javascript">
    $("document").ready(function() {

        $('a.poplight[href^=#]').click(function() {
        var popID = $(this).attr('rel'); //Get Popup Name
        var popURL = $(this).attr('href'); //Get Popup href to define size

        //Pull Query & Variables from href URL
        var query= popURL.split('?');
        var dim= query[1].split('&');
        var popWidth = dim[0].split('=')[1]; //Gets the first query string value

        //Fade in the Popup and add close button
        $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"></a>');

        //Define margin for center alignment (vertical   horizontal) - we add 80px to the height/width to accomodate for the padding  and border width defined in the css
        var popMargTop = ($('#' + popID).height() + 80) / 2;
        var popMargLeft = ($('#' + popID).width() + 80) / 2;

        //Apply Margin to Popup
        $('#' + popID).css({
            'margin-top' : -popMargTop,
            'margin-left' : -popMargLeft
        });

        //Fade in Background
        $('body').append('<div id="fade"></div>'); //Add the fade layer to bottom of the body tag.
        $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'}) is used to fix the IE Bug on fading transparencies 

        return false;
    });

    //Close Popups and Fade Layer
    $('a.close, #fade').live('click', function() { //When clicking on the close or fade layer...
        $('#fade , .popup_block').fadeOut(function() {
            $('#fade, a.close').remove();  //fade them both out
        });
        return false;
    });


        });
        </script>
4

2 回答 2

1

您可以添加迁移插件来解决此问题。

在jQuery 1.9中删除了很多不推荐使用的方法。jQuery.live是被移除的方法之一，你可以使用jQuery.on作为live.

但是，如果您有其他依赖库使用这些已弃用的功能，那么您可以使用 jQuery迁移插件来实现向后兼容性。它将几乎所有已删除的功能添加回 jQuery。

在您的代码中，live()事件注册可以更改如下

$(document).on('click', 'a.close, #fade', function() { //When clicking on the close or fade layer...
    $('#fade , .popup_block').fadeOut(function() {
        $('#fade, a.close').remove();  //fade them both out
    });
    return false;
});
于 2013-03-05T07:09:58.283 回答
0

.live已从 1.9 中删除。您可以替换此语法：

$('selector').live('event', function(e) {

和：

$(document).on('event', 'selector', function(e) {
于 2013-03-05T07:08:54.830 回答