jquery-ui - вкладки в меню плагина

djdiplomat
На сайте с 05.08.2009
Offline
136
540

Как верно использовать встроеныный в вордпрес jquery-ui?

Я вот по всякому пробовал.

Подключаю скрипты так.


wp_enqueue_script('jquery-ui-core'); // подключаем jquery
wp_enqueue_script('jquery-ui-tabs');

Вставляю дефолтный код для проверки. а оно чет нифига не пашет


<div class="ui-tabs ui-widget ui-widget-content ui-corner-all" id="tabs">
<ul class="ui-tabs-nav ui-helper-reset ui-helper-clearfix ui-widget-header ui-corner-all">
<li class="ui-state-default ui-corner-top ui-tabs-selected ui-state-active"><a href="#tabs-1">Nunc tincidunt</a></li>
<li class="ui-state-default ui-corner-top"><a href="#tabs-2">Proin dolor</a></li>
<li class="ui-state-default ui-corner-top"><a href="#tabs-3">Aenean lacinia</a></li>
</ul>
<div class="ui-tabs-panel ui-widget-content ui-corner-bottom" id="tabs-1">
<p>
Proin elit arcu, rutrum commodo, vehicula tempus,
commodo a, risus. Curabitur nec arcu. Donec
sollicitudin mi sit amet mauris. Nam elementum quam
ullamcorper ante. Etiam aliquet massa et lorem. Mauris
dapibus lacus auctor risus. Aenean tempor ullamcorper leo.
Vivamus sed magna quis ligula eleifend adipiscing. Duis orci.
Aliquam sodales tortor vitae ipsum. Aliquam nulla. Duis
aliquam molestie erat. Ut et mauris vel pede varius sollicitudin.
Sed ut dolor nec orci tincidunt interdum. Phasellus ipsum.
Nunc tristique tempus lectus.
</p>
</div>
<div class="ui-tabs-panel ui-widget-content ui-corner-bottom ui-tabs-hide" id="tabs-2">
<p>
Morbi tincidunt, dui sit amet facilisis feugiat, odio
metus gravida ante, ut pharetra massa metus id nunc.
Duis scelerisque molestie turpis. Sed fringilla, massa
eget luctus malesuada, metus eros molestie lectus, ut
tempus eros massa ut dolor. Aenean aliquet fringilla sem.
Suspendisse sed ligula in ligula suscipit aliquam.
Praesent in eros vestibulum mi adipiscing adipiscing.
Morbi facilisis. Curabitur ornare consequat nunc.
Aenean vel metus. Ut posuere viverra nulla. Aliquam erat
volutpat. Pellentesque convallis. Maecenas feugiat,
tellus pellentesque pretium posuere, felis lorem euismod
felis, eu ornare leo nisi vel felis. Mauris consectetur tortor et purus.
</p>
</div>
<div class="ui-tabs-panel ui-widget-content ui-corner-bottom ui-tabs-hide" id="tabs-3">
<p>
Mauris eleifend est et turpis. Duis id erat. Suspendisse
potenti. Aliquam vulputate, pede vel vehicula accumsan, mi neque
rutrum erat, eu congue orci lorem eget lorem. Vestibulum non
ante. Class aptent taciti sociosqu ad litora torquent per
conubia nostra, per inceptos himenaeos. Fusce sodales.
Quisque eu urna vel enim commodo pellentesque. Praesent
eu risus hendrerit ligula tempus pretium. Curabitur lorem
enim, pretium nec, feugiat nec, luctus a, lacus.
</p>
<p>
Duis cursus. Maecenas ligula eros, blandit nec, pharetra at,
semper at, magna. Nullam ac lacus. Nulla facilisi. Praesent viverra
justo vitae neque. Praesent blandit adipiscing velit. Suspendisse
potenti.
</p>
</div>
</div>

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий