jQuery hashchange插件問題

Question

我與本Alman的hashchange event plugin和我的自定義Tabs_Plugin問題。每當hashchange事件被觸發或者我點擊了一個標籤鏈接，頁面就跳轉到頁面的頂部。

通常我只是通過將return false或event.preventDefault添加到鏈接來解決這些問題，但在這種情況下，它不適用於我。

如果我添加return false整個插件停止工作。看看：http://gearsdigital.com/sandbox/usecase/tabs/

這裏是相關的插件代碼。我已經包含了上面的hashchange插件（這裏沒有包含）。

// hashchange plugin here 

(function ($) { 
    var tabs = { 
     init : function (element, options) { 
      tabs.menu(element, options); 
      tabs.navigation(element, options); 
      $(window).hashchange(); 
     }, 
     // Build tab navigation from headlines 
     menu : function (element, options) { 
      var menulist = ''; 
      element.find(options.menusource).each(function() { 
       var el = $(this), plaintext = el.text(), parent = el.parent(), itemID = plaintext.split(" ").join("").toLowerCase(); 
       menulist += '<li><a href="#' + itemID + '">' + plaintext + '</a></li>'; 
       parent.attr('id', itemID); 
      }); 
      element.prepend('<ul class="' + options.menuclass + '">' + menulist + '</ul>'); 
      element.find(options.tabbody).wrapAll('<div class="'+options.wrapperclass+'"></div>'); 
     }, 
     navigation : function (element, options) { 
      $(window).hashchange(function() { 
       var menu = $('.' + options.menuclass); 
       var hash = location.hash || menu.find('a:first').attr('href'); 

       if (hash) { 
        menu.find('a').each(function() { 
         var that = $(this); 
         that[that.attr('href') === hash ? 'addClass' : 'removeClass'](options.currentclass); 

        }); 
        tabs.hidetab(element, options); 
        tabs.showtab(element, hash, options.onShow); 
       } else { 
        menu.find('a:first').addClass(options.currentclass); 
       }  
      }); 
     }, 
     showtab : function(element, hash, onShow){ 
      element.find(hash).show(0, onShow); 
     }, 
     hidetab: function(element, options){ 
      element.find(options.tabbody).hide(); 
     } 
    }; 

    $.fn.extend({ 
     cctabs: function (config, onShow) { 
      var defaults = { 
       wrapperclass: 'tab-content', 
       currentclass: 'current', 
       menuclass : 'tabmenu', 
       menusource: 'h2', 
       tabbody: '.tab', 
       onShow: null 
      }; 

      var options = $.extend(defaults, config); 

      return this.each(function() { 
       var element = $(this); 
       tabs.init(element, options); 
      }); 
     } 
    }); 
})(jQuery); 

Answer 1

怎麼樣使用jQuery工具tabs plugin與history plugin也從jQuery的工具。