2012-10-16 87 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