Question

我有这个功能

$("a#<?php echo $custom_jq_settings['toggle']; ?>").click(function() {
        jQuery("#<?php echo $custom_jq_settings['div']; ?>").slideToggle(400);
        jQuery("#featurepagination").toggle();
        jQuery("#featuretitlewrapper").toggle();
        return false;
    });

这是我想在页面加载时触发的按钮

<a href="#" id="featuretoggle" onclick="changeText('<?php if (is_front_page()) {?>Show<?php } else { ?>Show<?php } ?> Features');"><?php if (is_front_page()) {?>Hide<?php } else { ?>Hide<?php } ?> Features</a>

我想在页面加载时触发该按钮，使其开始打开但随后滑动/关闭

Answer 1

这不起作用吗？

<script>
    jQuery(function(){
      jQuery('#featuretoggle').click();
    });
</script>

Answer 2

这是最简单的方法：

<script>
    $(function() {
        $("#featuretoggle").trigger("click");
    });
</script>

Answer 3

您可以使用jQuery手动触发click event：

$('#featuretoggle').click();

在页面加载时执行此操作：

$(document).ready(function() {
    $('#featuretoggle').click();
});

我想你会希望这是加载页面时发生的最后一件事，所以要确保它是$(document).ready()内要执行的最后一行。

请参阅此example：

<a href="#" id="someButton">Foo</a>
<script type="text/javascript">
    $(document).ready(function() {
        // bind the click event
        $('#someButton').click(function() {
            alert('baz');
        });

        // trigger the click event
        $('#someButton').click();
    });
</script>

Answer 4

您可以使用setTimeout（）函数实现所需。

$(document).ready(function() {
    setTimeout(function() {
        $("a#<?php echo $custom_jq_settings['toggle']; ?>").trigger('click');
    },10);
});

这肯定会对你有用......

在页面加载时触发按钮

4 个答案: