如何使辅助文档准备好功能?

时间:2012-10-16 01:14:31

标签: php javascript html smarty

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

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

已生成制表符的示例:

<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中使用上面显示的第一个制表符。

1 个答案:

答案 0 :(得分:4)

在jQuery中你只需要这样做:

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

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

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