jQuery的，用＃標籤

http://www.netmagazine.com/tutorials/create-jquery-tab-system

而且修改了這個標籤，以適應我的當前設計。我唯一需要做的就是讓這個標籤插件和hashtags一起工作。例如，如果用戶打開mydomain.com/#firstTab打開此選項卡。

我的代碼看起來像

var url, tabToken; 
$(function() { 

    var indicator = $('#indicator'), 
    indicatorHalfWidth = indicator.width()/2, 
    lis = $('#tabs').children('li'); 

    $("#tabs").tabs("#content section", { 
     effect: 'fade', 
     fadeOutSpeed: 0, 
     fadeInSpeed: 400, 
     onBeforeClick: function(event, index) { 
      var li = lis.eq(index), 
      newPos = li.position().left + (li.width()/2) - indicatorHalfWidth; 
      indicator.stop(true).animate({ 
       left: newPos 
      }, 600, 'easeInOutExpo'); 
     } 
    }); 

}); 

$(document).ready(function() { 
    url = document.location.href; 
    tabToken=url_data = url.split('#')[1]; 
    if(tabToken){ 
     What to do??? 
    } 
});

請看看我發佈的鏈接，並檢查是否我可以使其與井號標籤工作？我不想更改此插件，因爲我找不到任何具有類似設計的插件。

來源

2012-07-19 heron

它看起來像你指的是使用jQuery tools tab system教程，

它已經有歷史的選擇與後退按鈕支持沿

檢查http://jquerytools.org/demos/tabs/history.html#tab3

$(function() { 
    $(".css-tabs:first").tabs(".css-panes:first > div", { history: true }); 
});

http://jquerytools.org/demos/tabs/history.html#tab1

http://jquerytools.org/demos/tabs/history.html#tab2

http://jquerytools.org/demos/tabs/history.html#tab3

而且檢查這也是內聯

http://jquerytools.org/demos/tabs/anchors.html

來源

2012-07-19 00:42:24 sabithpocker

我不需要歷史））我需要hastag支持。像url＃第一個 – heron 2012-07-19 00:43:57

這不是我所需要的。我想通過帶有＃標籤的url來製作活動標籤 – heron 2012-07-19 00:56:28

@epic_syntax你可以用歷史記錄來嘗試：true，我對jQTools不太熟悉，但它看起來像打開歷史記錄也啓用了散列標籤。 – sabithpocker 2012-07-19 01:00:38

jQuery的，用＃標籤

回答

相關問題