在页面加载时触发按钮

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>