Как связать веб-страницу с другой веб-страницей, на которой есть страница аккордеона, используя события и jquery - PullRequest
0 голосов
/ 22 января 2011

У меня есть индексная страница, на которой я хочу ссылаться на страницы с примерами из практики (html), на которых есть навигационная панель меню jquery для аккордеона, управляемая триггерами событий.

Как мне связать их со страницы индекса, чтобы, когда пользователь нажимает на нее, вы переходили на страницу изучения конкретных случаев, открывая соответствующую страницу в разделе jQuery для аккордеона.

Я пытался использовать этот код на странице индекса, но это не работает.

a href = "church-clock-case-Studies.html" onClick = "$ ('# test3Handle0'). Click ()"> Линдон Холл

Ответы [ 2 ]

1 голос
/ 09 апреля 2011

Как уже сказал ThiefMaster, вам нужно как-то передать название нужного раздела в аккордеоне. Самым простым способом сделать это, как и предлагал ThiefMaster, было бы использование хеша, как в "#argumentToBePassed", который должен работать в вашем случае.

В основном вам нужен аккордеон, который может идентифицировать активное состояние на основе предоставленного ввода; в этом случае ввод осуществляется через хеш URL.

Для подробного ознакомления с этим методом (и более), вы можете проверить http://www.michaeljacobdavis.com/tutorials/statesavingaccordion.html, который я нашел очень полезным.

Вам нужно сделать это:

  1. Предполагая, что вы используете виджет аккордеона в пользовательском интерфейсе JQuery, установите для параметра «navigation» значение «true» в своем вызове accordion () следующим образом; $("#yourAccordion").accordion({navigation:true});//while initializing accordion

    или

    $("#yourAccordion").accordion("option", "navigation" ,true);//set it later in the script

  2. Скажем, вы хотите, чтобы link3 на домашней странице открывал # section3 в вашем аккордеоне, пометьте "контейнерный элемент" section3 на целевой странице (church-clock-case-Studies.html) с id = "section3" , Кроме того, укажите ссылку на заголовок в вашем аккордеоне на "# section3".

  3. Сделайте так, чтобы ваша ссылка3 на домашней странице указывала на church-clock-case-Studies.html # section3.

Это должно сделать это для вас. Хотя я проверил его в другом сценарии, где мне нужно сохранить состояние открытой в данный момент секции аккордеона при загрузке другой страницы с таким же аккордеоном и сделать состояния секций аккордеона «закладочными» (последний - то, что вам нужно , Я думаю). Надеюсь, это поможет. :)

1 голос
/ 22 января 2011

Вам нужно будет передать аргумент на целевую страницу.Самый простой способ сделать это - использовать хеш, т. Е. Установить для href значение church-clock-case-studies.html#yourpage.

.страница аккордеона.Инструкции по настройке страницы аккордеона по умолчанию см. В справке jQuery UI Accordion .

...