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

Материал из База знаний АО АСП
Перейти к навигации Перейти к поиску
Нет описания правки
Нет описания правки
Строка 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') && !$item.find('.CategoryTreePageBullet').length) {
         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'));
                console.log("Клик по ссылке категории, категория открыта, сворачиваем:", $target.attr('href'));
                $toggleButton.click(); // Сворачиваем категорию
                event.preventDefault(); // Предотвращаем переход по ссылке
                $toggleButton.click(); // Сворачиваем категорию
             }
             }
         }
         }


         // 3. Раскрываем/сворачиваем категорию, если клик был не по ссылке и не по странице
         // 3. Если клик был не по ссылке, но по категории (не странице)
         if (!$target.is('a') && !$item.find('.CategoryTreePageBullet').length) {
         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(); // Эмулируем клик по кнопке
        }
    });
});