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

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


     // Делегируем обработку кликов на body, чтобы обрабатывать динамически добавленные элементы
     // Делегируем обработку кликов на body
     $('body').on('click', '.CategoryTreeSection, .CategoryTreeItem', function(event) {
     $('body').on('click', '.CategoryTreeItem', function(event) {
         var $target = $(event.target);
         var $target = $(event.target);
         var $section = $(this); // Теперь $section - это текущий элемент (CategoryTreeSection или CategoryTreeItem)
         var $item = $(this); // Текущий элемент CategoryTreeItem
         var $toggleButton = $section.find('.CategoryTreeToggle').first();
         var $toggleButton = $item.find('.CategoryTreeToggle').first();
         var $children = $section.next('.CategoryTreeChildren').first(); // Ищем CategoryTreeChildren после текущего элемента
         var $children = $item.next('.CategoryTreeChildren');


         // 1. Если клик был на toggle-кнопке, ничего не делаем
         // 1. Если клик был на toggle-кнопке, ничего не делаем
Строка 15: Строка 15:
         }
         }


         // 2. Если клик был на ссылке, предотвращаем переход, только если категория не раскрыта
         // 2. Если клик по ссылке, предотвращаем переход, если категория не раскрыта
         if ($target.is('a') && !$section.find('.CategoryTreeChildren').is(':visible')) {
         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 ($toggleButton.length) {
        if (!$target.is('a')) {
             console.log("Переключаем состояние категории:", $section.text().trim());
             console.log("Клик по элементу категории, переключаем состояние:", $item.text().trim());
             $toggleButton.click(); // Эмулируем клик по кнопке
             $toggleButton.click(); // Эмулируем клик по кнопке
        } else {
            console.log("У категории нет кнопки переключения:", $section.text().trim());
         }
         }
     });
     });
});
});

Версия от 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(); // Эмулируем клик по кнопке
        }
    });
});