0

誰かが助けてくれるなら、これは私の問題です。

コンテンツを切り替えるためのhrefthatdiv idがあります-すでに持っているmakeタブと競合することなく、別のドキュメント対応関数javascriptを追加したいと思います。

すでにタブを作成する例:

<script type="text/javascript">
{literal}
$(document).ready(function(){
    function makeTabs(selector) {
        var tabContainers = $(selector + ' > div');
        tabContainers.removeClass("selected").filter(':first').addClass("selected");

        galleryRendered = false;
        $(selector + ' > ul a').click(function () {
            tabContainers.removeClass("selected");
            tabContainers.filter(this.hash).addClass("selected");
            $(selector + ' > ul a').removeClass('selected');
            $(this).addClass('selected');

            if (this.hash == '#Pictures' && !galleryRendered)
            {
                var galleries = $('.pictures > .ad-gallery').adGallery({
                    effect : 'slide-hori',
                    enable_keyboard_move : true,
                    cycle : true,
                    animation_speed : 400,
                    slideshow: {
                        enable: false
                    },
                    callbacks: {
                        init: function() {
                            this.preloadImage(0);
                            this.preloadImage(1);
                            this.preloadImage(2);
                        }
                    }
                });
                galleryRendered = true;
            }
            if (this.hash == '#OnTheMap') document.getElementById("Map").map.onContainerChanged();

            return false;
        }).filter(':first').click();
    }
    makeTabs('.tabs');
});
{/literal}
</script>

2つ目のタブを作成して、既存のdiv id領域/コンテンツ内にタブを作成し、写真からビデオ、YouTubeに切り替えることができるようにします。

<div class=".tabs"><ul><li><a href="#photo">[[Photo]]</a></li><li><a href="#tube">[[Youtube]]</a></li><li><a href="#vid">[[Video]]</a></li></ul><div id="photo">Test</div><div id="tube">Test</div><div id="vid">Test</div></div>

これは、上記の最初のタブ作成者を使用する既存のdivID内にあります。

4

1 に答える 1

4

jQueryでは、これを行う必要があります。

$(function(){
  // code here
});

$(function(){
  // more code here
});

このように宣言されたすべての関数は、domreadyで実行されます。

于 2012-10-16T01:16:00.747 に答える