Question

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

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

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

1 个答案: