MediaWiki:Common.js: различия между версиями
Перейти к навигации
Перейти к поиску
Shihov (обсуждение | вклад) Нет описания правки |
Shihov (обсуждение | вклад) Нет описания правки |
||
Строка 7: | Строка 7: | ||
var $item = $(this); // Текущий элемент CategoryTreeItem | var $item = $(this); // Текущий элемент CategoryTreeItem | ||
var $toggleButton = $item.find('.CategoryTreeToggle').first(); | var $toggleButton = $item.find('.CategoryTreeToggle').first(); | ||
var isCategory = !$item.find('.CategoryTreePageBullet').length; // Является ли элементом категорией | |||
// 1. Если клик был на toggle-кнопке, ничего не делаем | // 1. Если клик был на toggle-кнопке, ничего не делаем | ||
Строка 14: | Строка 15: | ||
} | } | ||
// 2. Если клик по ссылке категории | // 2. Если клик по ссылке категории | ||
if ($target.is('a') && | if ($target.is('a') && isCategory) { | ||
// Если категория не раскрыта, блокируем переход и раскрываем | // Если категория не раскрыта, блокируем переход и раскрываем | ||
if ($toggleButton.attr('aria-expanded') === 'false') { | if ($toggleButton.attr('aria-expanded') === 'false') { | ||
console.log("Клик по ссылке категории, блокируем переход и раскрываем:", $target.attr('href')); | console.log("Клик по ссылке категории, категория закрыта, блокируем переход и раскрываем:", $target.attr('href')); | ||
event.preventDefault(); | event.preventDefault(); | ||
$toggleButton.click(); // Раскрываем категорию | $toggleButton.click(); // Раскрываем категорию | ||
} else { | } else { | ||
// Если категория раскрыта, | // Если категория раскрыта, просто сворачиваем её, переход по ссылке не нужен | ||
console.log("Клик по ссылке категории, категория открыта, сворачиваем:", $target.attr('href')); | |||
event.preventDefault(); // Предотвращаем переход по ссылке | |||
$toggleButton.click(); // Сворачиваем категорию | |||
} | } | ||
} | } | ||
// 3. | // 3. Если клик был не по ссылке, но по категории (не странице) | ||
if (!$target.is('a') && | if (!$target.is('a') && isCategory) { | ||
console.log("Клик по элементу категории, переключаем состояние:", $item.text().trim()); | console.log("Клик по элементу категории (не ссылка), переключаем состояние:", $item.text().trim()); | ||
$toggleButton.click(); // Эмулируем клик по кнопке | $toggleButton.click(); // Эмулируем клик по кнопке | ||
} | } | ||
}); | }); | ||
}); | }); |
Версия от 07:39, 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 isCategory = !$item.find('.CategoryTreePageBullet').length; // Является ли элементом категорией
// 1. Если клик был на toggle-кнопке, ничего не делаем
if ($target.hasClass('CategoryTreeToggle')) {
console.log("Клик на кнопке раскрытия, ничего не делаем.");
return;
}
// 2. Если клик по ссылке категории
if ($target.is('a') && isCategory) {
// Если категория не раскрыта, блокируем переход и раскрываем
if ($toggleButton.attr('aria-expanded') === 'false') {
console.log("Клик по ссылке категории, категория закрыта, блокируем переход и раскрываем:", $target.attr('href'));
event.preventDefault();
$toggleButton.click(); // Раскрываем категорию
} else {
// Если категория раскрыта, просто сворачиваем её, переход по ссылке не нужен
console.log("Клик по ссылке категории, категория открыта, сворачиваем:", $target.attr('href'));
event.preventDefault(); // Предотвращаем переход по ссылке
$toggleButton.click(); // Сворачиваем категорию
}
}
// 3. Если клик был не по ссылке, но по категории (не странице)
if (!$target.is('a') && isCategory) {
console.log("Клик по элементу категории (не ссылка), переключаем состояние:", $item.text().trim());
$toggleButton.click(); // Эмулируем клик по кнопке
}
});
});