jQuery UI Аккордеон как навигация - PullRequest
Новая
       31

jQuery UI Аккордеон как навигация

0 голосов
/ 25 августа 2011

Я работаю над навигацией по страницам, используя элемент пользовательского интерфейса JQuery.Структура HTML такова: 

<ul id="#accordion">
    <li><a href="tables.php">Tables</a></li>
    <li><a href="charts.php">charts</a></li>
    <li><a href="statistics.php">Statistics</a>
        <ul>
             <li><a href="year1.php">Year 1</a></li>
             <li><a href="year2.php">Year 2</a></li>
        </ul>
    </li>
</ul>

Теперь, когда я называю аккордеон таким образом 

$( "#accordion" ).accordion();

, это работает ... в основном.Я нажимаю на «Статистика», и ссылка «Год 1» и «Год 2» прекрасно просматривается.Но есть ссылки, которые не имеют дочерних элементов, такие как первые две (таблицы и диаграммы).А при нажатии там ничего не происходит.

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

Надеюсь, это имеет смысл.

1 Ответ

1 голос
/ 25 августа 2011

Я не думаю, что вы действительно должны использовать аккордеон для навигации - его цель - разделять блоки информации на странице, а не перенаправлять между разделами вашего сайта. Если вам удалось перенаправить на другую страницу после нажатия на аккордеоне - когда вы перенаправили на другую страницу, аккордеон должен был бы быть перезагружен снова и т. Д., Это не реально осуществимо.

Другое дело, что HTML-разметка для плагина аккордеона должна выглядеть так: 

<div id="accordion">
    <h3><a href="#">Tables</a></h3>
    <div>Tables content goes here</div>
    <h3><a href="#">Charts</a></h3>
    <div>Charts content goes here</div>
</div>

Это прямо с сайта документации jQuery .

...