javascript弹出窗口无效，即11.当我打开弹出窗口时，它在空白屏幕上显示为false

Question

这是我的代码弹出窗口打开图像点击。当点击图像时，它在屏幕上显示为false。

  <a href="javascript:openPopup()">
      <img src="images/register_button1.png" />
  </a>

    <script type="text/javascript">

            function openPopup() {
                var loginBox = $('#Popup');
                $(loginBox).fadeIn(300);
                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;
            }
            $('a.close2').live('click', function() {
                $('#mask ,.login-popup').fadeOut(300, function() {
                    $('#mask').remove();
                    $('#Popup').hide();
                });
                return false;
            });
</script>

Answer 1

由于live事件已从最新版本的JQuery中删除。尝试使用on事件：

 $('a.close2').on('click', function() {
                $('#mask ,.login-popup').fadeOut(300, function() {
                    $('#mask').remove();
                    $('#Popup').hide();
                });
                return false;
            });