2012-10-16 52 views
0

好的,这是我的问题,如果任何人都可以帮忙,请。如何创建辅助文档就绪功能?

我有一个href的div id切换内容 - 我想添加另一个文档就绪函数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> 

要创建第二个这样我就可以创建现有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标识内。

+1

您是否尝试添加另一个'$(document).ready'块?如果这就是你要求的,那完全可以。 – bfavaretto

回答

4

在jQuery中你就必须做到这一点:

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

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

每个函数声明如下将在domready中被执行。

+0

完美的人,你把它放在那里,我能弄明白。我所要做的只是添加一个额外的功能,并放置browsetabs而不是tabs2,现在该功能以两种方式工作。 – MegaHertz

+0

很高兴我能帮到你。 – 3on