Question

我已经将以下代码放在一起，我需要将它从onclick事件更改为onload，因此它会在加载页面时自动加载模式窗口。然而，对于我的生活，我无法解决它是怎么做的，我尝试了许多排列它似乎似乎没有用！

$(document).ready(function() {  
    $('a.poplight[href^=#]').click(function() {
        var popID = $(this).attr('rel'); 
        var popURL = $(this).attr('href'); 
        var query = popURL.split('?');
        var dim = query[1].split('&');
        var popWidth = dim[0].split('=')[1]; 

        $('#' + popID)
            .fadeIn()
            .css({ 'width': Number( popWidth ) })
            .prepend('<a href="#" class="close"><img src="close_pop.png" class="btn_close" title="Close Window" alt="Close" /></a>');

        var popMargTop = ($('#' + popID).height() + 80) / 2;
        var popMargLeft = ($('#' + popID).width() + 80) / 2;

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

        $('body').append('<div id="fade"></div>'); 
        $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); 

        return false;
    });

    $('a.close, #fade').live('click', function() { 
        $('#fade , .popup_block').fadeOut(function() {
            $('#fade, a.close').remove(); 
        });
        return false;
    });
});

此时加载它：

<a href="#?w=200" rel="popup_name" class="poplight">Popup</a>

非常感谢任何帮助，谢谢

Answer 1

如果你查找documentation for the plugin，你可以将弹出窗口的逻辑移动到它自己的函数中（在示例中称为popOpen()）并在加载时调用它：

$('a.poplight[href=#?w=200]').popOpen();

Answer 2

尝试：

$('a.poplight[href^=#]').trigger("click");

或者：

$('a.poplight[href^=#]').click();

这些应该在您的DOM Ready中。

Answer 3

如果我理解正确，你可以试试这个：

$(document).ready(function() {

    $this = $('a.poplight[href^=#]');
    var popID = $this.attr('rel'); 
....

jQuery更改单击甚至加载事件

3 个答案: