Question

我想在页面完全加载后自动执行$（“。rope”）。click（）函数。

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

        $curtainopen = false;
        $(".rope").click(function(){
            $(this).blur();
            if ($curtainopen == false){ 
                $(this).stop().animate({top: '0px' }, {queue:false, duration:350, easing:'easeOutBounce'}); 
                $(".leftcurtain").stop().animate({width:'60px'}, 4500 );
                $(".rightcurtain").stop().animate({width:'60px'},4500 );
                $curtainopen = true;
            }else{
                $(this).stop().animate({top: '-40px' }, {queue:false, duration:350, easing:'easeOutBounce'}); 
                $(".leftcurtain").stop().animate({width:'50%'}, 4500 );
                $(".rightcurtain").stop().animate({width:'51%'},4500 );
                $curtainopen = false;
            }
            return false;
        });

    }); 
</script>

请帮助。

Answer 1

在dom ready with selector中使用.click()或.trigger('click')：

$(".rope").click();
//or
$(".rope").trigger('click');

Answer 2

您可以在听众定义后写下：

$(".rope").click()

或

 $(".rope").trigger( 'click' )

Answer 3

我想把它链接起来：

$(".rope").click(function(){
    $(this).blur();
    if ($curtainopen == false){ 
        $(this).stop().animate({top: '0px' }, {queue:false, duration:350, easing:'easeOutBounce'}); 
        $(".leftcurtain").stop().animate({width:'60px'}, 4500 );
        $(".rightcurtain").stop().animate({width:'60px'},4500 );
        $curtainopen = true;
    }else{
        $(this).stop().animate({top: '-40px' }, {queue:false, duration:350, easing:'easeOutBounce'}); 
        $(".leftcurtain").stop().animate({width:'50%'}, 4500 );
        $(".rightcurtain").stop().animate({width:'51%'},4500 );
        $curtainopen = false;
    }
    return false;
}).click();

触发onClick（）;在页面加载

3 个答案: