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