4 июля 2022 в 12:25
Уважаемые коллеги, если позволите, такой вопрос:
ПЕревожу сайты с 7-ки на 9-ку. Есть там такая нода с вкладками, а в этих вкладках еще вкладки, на 7-ке было просто:
<?php
drupal_add_library ('system' , 'ui.tabs');
drupal_add_js ('jQuery(document).ready(function(){jQuery(".tabs").tabs();});' , 'inline');
?>
А на 9-ке как вызвать UI.tabs для ноды? Ну, и торт вопрос по аккордеону, если можно.
Всем ответившим - заранее спасио!
Комментарии
Библиотеки подключаются через модули:
https://www.drupal.org/project/jquery_ui_accordion
https://www.drupal.org/project/jquery_ui_tabs
mytheme.libraries.yml:
themescripts:
version: 1.x
js:
js/myscript_accordion.js: {}
js/myscript_tabs.js: {}
dependencies:
- jquery_ui/core
- jquery_ui_accordion/accordion
- jquery_ui_tabs/tabs
СПАсибо, Все сделал, но не получилось. Модули скачались, поставились, включились.
сделал приписку в bartik.libraries.yml:
themescripts:
version: 1.x
js:
js/tabs.js:{}
depedencies:
- jquery_ui/core
- jquery_ui_tabs/tabs
в файле bartik.info.yml библиотеку подключил в секции libraries:
- bartik/themescripts
в папке bartik/js сделал файлик tabs.js:
(function ($) {
Drupal.behaviors.tabs-including= {
attach: function (context, settings) {
console.log("Privert, Azat");
$(".yakovlev-tabs").tabs();
}
};
})(jQuery)
В ноде такой html:
<ul>
<li><a href="#tab1">tab1</a></li>
<li><a href="#tab2">tab2</a></li>
<li><a href="#tab3">tab3</a></li>
</ul>
<div id="tab1">Content on tab 1</div>
<div id="tab2">Content on tab 2</div><div id="tab3">Content on tab 3</div>
</div>
Удивляет то, что после включения модуля jquery_ui в коде страницы не появилось чего-то похожего на это:
Похоже, jquery-ui не подключается .
Что я делаю не так?
Заранее благодарю.
сам файл tabs.js - виден по F12?
И сам tabs.js не виден. ОН лежит в папке drupal9/public_html/core/themes/bartik/js
БОЛьшое спасибо, уважаемый Коллега, до завтра. С утра я на выезде работаю, а к вечеру - обязательно внимательно изучу Ваш ответ.
Вот в libraies вы подключили библиотеку с названием themescripts.
mytheme.info.yml:
libraries:
- mytheme/themescripts
Да, я так и сделал, только я пока тему новую не делал, все на бартик пробую. А что не так? Как надо было? Я не вижду в скриптах jquery-ui.min.js, вот в чесм загвоздка. Ну, и свой tabs.js - тоже. Что-т 9-ка с библиотеками странно работает... Или ВЫ считаете, что надо свою тему сделать, тогда будет пахать?
Честно не знаю. Может кеш еще сбросить
Все сделал, как здесь https://www.drupal.org/forum/support/theme-development/2016-05-06/using-... пишут, но у меня вообще не подключаются ни jquery-ui.min.js, ни мой скрипт, где я вешаю tabs() на селектор!!! В чем дело, подскажите6, я уже с ума схожу.... (((
Это значит, вообще никакие свои скрипты я не смогу подключить, пока не разберусь с этой засадой.
Пооскачивайте темы с орга. Посмотрите, как в них скрипты подключены. Попробуйте также подключить свои.
Попробуйте этот модуль для табов, может быть подойдёт:
https://www.drupal.org/project/ebt_tabs
По крайней мере сможете также сделать у себя в теме или модуле
Уважаемые коллеги, искренне благодарю всех ответивших. Сколь я смог понять, объявление библиотек в Друпал 8 и выше в файлах themename.info.yml и themename.libraries.yml в отличие от 7-ки, не означает их подключения к генерируемым страницам. ТАкая вот засада, выходит? Т.е. пока эту библиотеку не подключишь в модуле, ни css ни js файлы не заработают. Во всяком случае, такое мнение у мня сложилось, увы. Подключать кастомную библиотеку надо либо на всех страницах, в файле modulename.module, либо в контроллере, отвечающем за создание определенных страниц, с помощью hook_page_attachment().
ЭТо не облегчает работу. НЕ знаю, может быть, это я что-то не так делаю?
Да, там мы только объявляем библиотеки, а подключаем уже там где надо
А что облегчает работу?
ВОТ как на 7-ке было - гораздо проще. ИЛи надо нормальными словами писать - ни хрена так,как раньше, не работает, теперь делайте все через ж..,.
Ну дак и делайте сайты на семерке, в чем проблема?
Для тех у кого пиво раньше было гуще, а травка зеленее, есть backdrop:
https://backdropcms.org/
Можно подключить библиотеку в шаблоне вашей ноды или блока который вы выводите.
{{ attach_library('ebt_tabs/jquery_ui_tabs') }}