MediaWiki:Common.js: различия между версиями
Перейти к навигации
Перейти к поиску
Shihov (обсуждение | вклад) Нет описания правки |
Shihov (обсуждение | вклад) Нет описания правки |
||
Строка 2: | Строка 2: | ||
console.log("Скрипт дерева категорий загружен."); | console.log("Скрипт дерева категорий загружен."); | ||
// Делегируем обработку кликов на body | // Делегируем обработку кликов на body | ||
$('body').on('click', ' | $('body').on('click', '.CategoryTreeItem', function(event) { | ||
var $target = $(event.target); | var $target = $(event.target); | ||
var $ | var $item = $(this); // Текущий элемент CategoryTreeItem | ||
var $toggleButton = $ | var $toggleButton = $item.find('.CategoryTreeToggle').first(); | ||
var $children = $ | var $children = $item.next('.CategoryTreeChildren'); | ||
// 1. Если клик был на toggle-кнопке, ничего не делаем | // 1. Если клик был на toggle-кнопке, ничего не делаем | ||
Строка 15: | Строка 15: | ||
} | } | ||
// 2. Если клик | // 2. Если клик по ссылке, предотвращаем переход, если категория не раскрыта | ||
if ($target.is('a') && | if ($target.is('a') && $toggleButton.attr('aria-expanded') === 'false') { | ||
console.log("Клик по ссылке категории, блокируем переход:", $target.attr('href')); | console.log("Клик по ссылке категории, блокируем переход:", $target.attr('href')); | ||
event.preventDefault(); | event.preventDefault(); | ||
} | } | ||
// 3. | // 3. Раскрываем/сворачиваем категорию, если клик был не по ссылке | ||
if (!$target.is('a')) { | |||
console.log(" | console.log("Клик по элементу категории, переключаем состояние:", $item.text().trim()); | ||
$toggleButton.click(); // Эмулируем клик по кнопке | $toggleButton.click(); // Эмулируем клик по кнопке | ||
} | } | ||
}); | }); | ||
}); | }); |
Версия от 07:31, 26 февраля 2025
$(document).ready(function() {
console.log("Скрипт дерева категорий загружен.");
// Делегируем обработку кликов на body
$('body').on('click', '.CategoryTreeItem', function(event) {
var $target = $(event.target);
var $item = $(this); // Текущий элемент CategoryTreeItem
var $toggleButton = $item.find('.CategoryTreeToggle').first();
var $children = $item.next('.CategoryTreeChildren');
// 1. Если клик был на toggle-кнопке, ничего не делаем
if ($target.hasClass('CategoryTreeToggle')) {
console.log("Клик на кнопке раскрытия, ничего не делаем.");
return;
}
// 2. Если клик по ссылке, предотвращаем переход, если категория не раскрыта
if ($target.is('a') && $toggleButton.attr('aria-expanded') === 'false') {
console.log("Клик по ссылке категории, блокируем переход:", $target.attr('href'));
event.preventDefault();
}
// 3. Раскрываем/сворачиваем категорию, если клик был не по ссылке
if (!$target.is('a')) {
console.log("Клик по элементу категории, переключаем состояние:", $item.text().trim());
$toggleButton.click(); // Эмулируем клик по кнопке
}
});
});