MediaWiki:Common.js: различия между версиями

Материал из База знаний АО АСП
Перейти к навигации Перейти к поиску
Нет описания правки
Нет описания правки
Строка 2: Строка 2:
     console.log("Скрипт дерева категорий загружен.");
     console.log("Скрипт дерева категорий загружен.");


     $('.CategoryTreeSection, .CategoryTreeItem').on('click', function(event) {
    // Делегируем обработку кликов на body, чтобы обрабатывать динамически добавленные элементы
     $('body').on('click', '.CategoryTreeSection, .CategoryTreeItem', function(event) {
         var $target = $(event.target);
         var $target = $(event.target);
         var $section = $(this).closest('.CategoryTreeSection');
         var $section = $(this); // Теперь $section - это текущий элемент (CategoryTreeSection или CategoryTreeItem)
         var $toggleButton = $section.find('.CategoryTreeToggle').first();
         var $toggleButton = $section.find('.CategoryTreeToggle').first();
         var $children = $section.find('.CategoryTreeChildren').first();
         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 && !$children.is(':visible')) {
         if ($toggleButton.length) {
             console.log("Раскрываем категорию:", $section.text().trim());
             console.log("Переключаем состояние категории:", $section.text().trim());
             $toggleButton.click();
             $toggleButton.click(); // Эмулируем клик по кнопке
         } else {
         } else {
             console.log("Категория уже раскрыта или не имеет вложений:", $section.text().trim());
             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());
        }
    });
});