2011-11-18 28 views
1

我想知道你是否可以給我一些關於如何做到這一點的想法。我們正在尋找的是直接鏈接到常見問題頁面中的問題。目前我們的常見問題解答的問題正在通過jQuery隱藏,像這樣:如何直接鏈接到擴展的常見問題選項

$(document).ready(function() { 
    $('.answer').each(function() { 
     $(this).css("display", "none"); 
    }); 
    $('.question').click(function() { 
     $(this).next('.answer').slideToggle("fast") 
     return false; 
    }); 
}); 

我們想鏈接到一個特定的問題,但有問題的擴大。

+1

您是從FAQ頁面還是從其他頁面進行鏈接? –

+0

從另一頁 – TikaL13

+0

感謝您的所有答案!他們都很努力。 – TikaL13

回答

3

我將通過在URL中quetsion部作爲哈希,例如url/faq.html#question1

然後使用一些JavaScript,你可以檢查散列,然後滾動用戶到該部分並切換幻燈片。

$(function(){ 
    if(window.location.hash) { 
    // Fragment exists 
    // use hash value to match an attribute in the question. 
    // scroll to Q/A and toggle. 
    } 
}); 
3

您可以使用URL中的哈希值來標記在ready函數中顯示的常見問題。將每個FAQ都標記爲一個將其連接到哈希值的標識。通過window.location.hash訪問散列值,然後僅顯示與散列值匹配的FAQ。

實施例:

http://mypage.com/faq.html#faq1將與您的常見問題標有ID =「FAQ1」連接

2

設置一個ID或a name每個問題的答案,並用JS檢查頁面加載如果散列標籤設置,並相應地開闢了一個問題:

(function(hash){ 
    if (hash !== undefined && hash.substring(0,1) === "#") { 
    $(hash).slideToggle("fast"); 
    } 
})(window.location.hash); 

例如:http://jsfiddle.net/wSRyP/

而且你會使用#hashtag鏈接到他們:

http://fiddle.jshell.net/78Udw/show/light/