Как добавить ссылку на часто задаваемые вопросы - PullRequest
Новая
       12

Как добавить ссылку на часто задаваемые вопросы

1 голос
/ 19 ноября 2011

Мне было интересно, не могли бы вы дать мне несколько идей о том, как я могу это сделать. То, что мы хотим сделать, это дать ссылку на вопрос на нашей странице часто задаваемых вопросов. В настоящее время наши вопросы и ответы скрыты через jQuery, например: 

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

Мы хотели бы дать ссылку на конкретный вопрос, но этот вопрос был расширен.

Ответы [ 3 ]

3 голосов
/ 19 ноября 2011

Я бы передал раздел запроса в URL как хеш, например 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 голосов
/ 19 ноября 2011

Вы можете использовать значение хеша в URL, чтобы отметить, какой faq отображать в функции ready.Пометьте каждый FAQ идентификатором, который связывает его с хеш-значением.Получите доступ к хеш-значению через window.location.hash, а затем отобразите только те часто задаваемые вопросы, которые соответствуют хеш-значению.

Пример:

http://mypage.com/faq.html#faq1 соединится с вашим faq, помеченным id = "faq1"

2 голосов
/ 19 ноября 2011

Установите идентификатор или 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/

...