0

現在、自分のページ (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 が展開され、そこまでスクロールします。

4

1 に答える 1

1

要素に.trigger()関数を使用できませんでしたか?

たとえば、「ボタン」という ID を持つ要素がある場合、次のコードで目的の処理が行われます。

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

jsFiddle の例。

于 2012-05-15T03:41:29.327 に答える