javascript - 对象不支持此属性或方法

Question

$(document).ready(function () {
    $('a.login-window').click(function () {
        //Getting the variable's value from a link 
        var loginBox = $(this).attr('href');
        //Fade in the Popup
        $(loginBox).fadeIn(300);
        //Set the center alignment padding + border see css style
        var popMargTop = ($(loginBox).height() + 24) / 2;
        var popMargLeft = ($(loginBox).width() + 24) / 2;
        $(loginBox).css({
            'margin-top': -popMargTop,
            'margin-left': -popMargLeft
        });
        // Add the mask to body
        $('body').append('<div id="mask"></div>');
        $('#mask').fadeIn(300);
        return false;
    });
    // When clicking on the button close or the mask layer the popup closed
    $('a.close, #mask').live('click', function () {
        $('#mask , .login-popup').fadeOut(300, function () {
            $('#mask').remove();
        });
        return false;
    });
});

我在自己的 PC 上调试 $(document).ready(function() 行时遇到了困难这个属性或方法。

Answer 1

在第 5 行，您定义 loginBox，$(this).attr('href')然后尝试在其上使用多个 jQuery 函数。这是不可能的，因为 loginBox 不是一个元素。