如何實現Javascript以使用SharePoint 2013打開特定選項卡？

Question

因此，我正在一個正在建設網站的項目中工作，我有許多頁面包含Bootstrap的選項卡，這些選項卡使用jQuery進行工作。 它們工作得很好，我很喜歡它們，但是在我的主頁上我希望能夠將圖標鏈接到特定的選項卡。 單擊后，他們應將瀏覽器移至該頁面，並且該選項卡應打開，而不是默認的活動選項卡。 我已經找到了很多有關如何使用JavaScript的示例，但是我不知道如何在我的SharePoint網站上使用JS。

 // Javascript to enable link to tab var url = document.location.toString(); if (url.match('#')) { $('.nav-tabs a[href=#'+url.split('#')[1]+']').tab('show') ; } // Change hash for page-reload $('.nav-tabs a').on('shown.bs.tab', function (e) { window.location.hash = e.target.hash; }) 

Twitter Bootstrap選項卡：轉到頁面重新加載或超鏈接上的“特定”選項卡

上面的代碼來自該已回答的問題，我想知道是否有人可以向我展示如何在我的SharePoint頁面上使用它。

Answer 1

因此，我花了很多時間解決我實際上遇到的問題。 我在頁面中使用了上面的代碼以及Bootstrap 3和帶有CDN鏈接的jQuery。 沒錯 我還對網址使用了正確的符號，即www.examplehere.com/blahblah#tab_tab1。 我遇到的問題是，在HTML 5實際加載並制作SharePoint網站上的正文中包含的選項卡之前，我已在頁面頂部加載了此腳本。 這意味着它經歷了將打開的選項卡切換到url所指示的選項卡的代碼，但是由於選項卡不存在，因此代碼沒有任何將選項卡更改為的內容。

因此，如果您希望它在SharePoint 2013中工作。將上面的代碼另存為.js文件，通過內容編輯器Web部件鏈接到它，使用具有＃tab_tab1語法的url，如上所述，請幫自己一個忙，放好與我不同，頁面底部的Web部件。