0

好的，如果有人可以提供帮助，这是我的问题。

我有一个用于切换内容的 div id 的 href - 我想添加另一个文档就绪函数 javascript，而不会与我已经拥有的 make 选项卡冲突。

已经制作标签的示例：

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

想要创建第二个，这样我就可以在现有的 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>

这将在一个已经存在的 div id 中，该 id 使用上面显示的第一个选项卡创建器。

4

1 回答 1

4

在 jQuery 中你只需要这样做：

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

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

像这样声明的每个函数都将在 domready 上执行。

于 2012-10-16T01:16:00.747 回答