3

異なるタブへのクリック可能なリンクを外部で作成できるように、以下のスクリプトを変更するにはどうすればよいul.tabsですか？

どんな助けでも大歓迎です。

<script type="text/javascript">
    $(document).ready(function() {
        var $tabContent = $(".tab-content"),
            $tabs = $("ul.tabs li"),
            tabId;

        $tabContent.hide();
        $("ul.tabs li:first").addClass("active").show();
        $tabContent.first().show();

        $tabs.click(function() {
            var $this = $(this);
            $tabs.removeClass("active");
            $this.addClass("active");
            $tabContent.hide();
            var activeTab = $this.find("a").attr("href");
            $(activeTab).fadeIn();
            //return false;
        });

        // Grab the ID of the .tab-content that the hash is referring to
        tabId = $(window.location.hash).closest('.tab-content').attr('id');

        // Find the anchor element to "click", and click it
        $tabs.find('a[href=#' + tabId + ']').click();
    })

    $('a').not('.tabs li a').on('click', function(evt) {
        evt.preventDefault();
        var whereTo = $(this).attr('goto');
        $tabs = $("ul.tabs li");
        $tabs.find('a[href=#' + whereTo + ']').trigger('click');
        //alert(attr('name'));
    //alert( $('#'+whereTo+' a').offset().top );
        $('html, body').animate({
            scrollTop: $('#'+whereTo+' a').offset().top
        });

    });

    $(function() {
        $('a.refresh').live("click", function() {
            location.reload();
        });
    });
</script>

コード： http： //jsfiddle.net/dhirajbodicherla/TGMDd/2/

4

1 に答える 1

0

すでにそこにあります。移動したいタブのにgoto一致する属性を指定するだけです。href

<a href="#" goto="my_tab">Clicky</a>

として設定されたタブに移動します

<ul class="tabs">
    <li><a href="#my_tab">It goes here</a></li>
于 2012-10-11T23:19:18.897 に答える