在页面加载时触发按钮

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>

我希望页面加载时触发该按钮，以便它开始打开，但随后滑动/关闭。

- Jamison

---

什么是问题？你遇到了什么问题？ - Jivings

抱歉，问题在于当页面加载时，按钮可以正常滑动打开和关闭该div，但我希望该div在加载时就是打开的状态，然后再向上滑动，例如http://www.firstlutheranomaha.org/who-we-are。 - Jamison

我在谈论的是隐藏功能和显示功能区域，谢谢。 - Jamison

Answer 1

这个不起作用吗？

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

- aknosis

---

我将这个添加到头文件中，但它不起作用 http://www.firstlutheranomaha.org/who-we-are - Jamison

你需要使用jQuery而不是$。你还应该将这些脚本放在页脚而不是页眉中。http://developer.yahoo.com/performance/rules.html#js_bottom - aknosis

Answer 2

这是最简单的方法：

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

- Adaz

Answer 3

你可以使用jQuery手动触发点击事件：

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

在页面加载时执行以下操作：

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

我想你希望这是页面加载时发生的最后一件事情，所以请确保它是在$(document).ready()中执行的最后一行代码。

参考示例：

<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>

- David

Answer 4

你想要的可以通过使用setTimeout()函数来实现。

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

这对你肯定管用...

- Shwet