jquery - 我想在我的网页上创建一个按钮，如果可能的话，可以使用 jquery 在同一页面上激活选项卡的操作

Question

我目前在我的页面上有一个选项卡（使用 Jquery UI 创建），单击该选项卡会展开一些在页面加载时折叠的内容。我希望能够通过按网站上的单独按钮来激活该选项卡的操作。例如，这里是使用 Jquery UI 核心和 scrollTo 插件使选项卡工作的 jquery 脚本：

<script type="text/javascript">
$(function() {
    $( "#tabs" ).tabs({
        collapsible: true,
        selected: -1
    });
});
</script>
<script type="text/javascript">
$(function(){
    $(".scrolltoanchor").click(function(){
        $.scrollTo($($(this).attr("href")), {
            duration: 750
        });
        return false;
    });
});
</script>

选项卡如下所示：

<div id="tabs">
    <ul>
        <li ><a href="#testimonial" class="scrolltoanchor">Testimonials</a></li>
    </ul>
    <div id="testimonial">
        <p>THE CONTENT IS HERE</p>
    </div>
</div>

所以我想在页面上的其他地方放置一个按钮来扩展这个内容并滚动到内容，基本上这个按钮，当点击时，会做“推荐”选项卡所做的事情<li>。它会扩展#testimonial，并滚动到它。

Answer 1

你不能在元素上使用.trigger()函数吗？

例如，如果您有一个 ID 为 'button' 的元素，则以下代码应该执行您想要的操作：

$('#button').click(function(){
    $('.scrolltoanchor').trigger('click');
});
​

jsFiddle 示例。