0

我从以下链接下载了登录模式。http://www.alessioatzeni.com/blog/login-box-modal-dialog-window-with-css-and-jquery/

我对 CSS 做了一些更改，但仅此而已。

这是当我单击按钮时启动模式窗口的 jQuery 代码。

$(document).ready(function() {
$('a.loginbutton').click(function() {

    // Getting the variable's value from a link 
    var loginBox = $(this).attr('href');

    //Fade in the Popup and add close button
    $(loginBox).fadeIn(300);
    $.fn.formLabels(); //Initialize form labels

    //Set the center alignment padding + border
    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;
});
    });

基本上，我需要这个模式来加载页面加载。我几乎不知道 jQuery，因此我下载了这个插件。我真的需要这个工作。

我已经尝试联系编写此代码的人，但他从未回复过。

4

2 回答 2

4 
$('a.loginbutton').click();

只需添加该行，以在页面加载时执行单击事件。

于 2013-02-06T22:43:07.197 回答
-1

您的代码正在等待用户在加载模式之前单击登录按钮。试试这个：

$(document).ready(function() {
//$('a.loginbutton').click(function() {

// Getting the variable's value from a link 
var loginBox = $(this).attr('href');

//Fade in the Popup and add close button
$(loginBox).fadeIn(300);
$.fn.formLabels(); //Initialize form labels

//Set the center alignment padding + border
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;
//});
});

我想我已经注释掉了 .click() 函数。

$(document).ready(function(){}); 中的任何内容 页面完成加载后将立即触发。

$('a.loginbutton').click(function() {}); 中的任何内容 只有当用户单击该按钮时才会触发。

于 2013-02-06T22:42:49.460 回答