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的工具。