MediaWiki:Common.js: відмінності між версіями

Матеріал з Київський національний лінгвістичний університет
Перейти до навігації Перейти до пошуку
Створена сторінка: Розміщений тут код JavaScript буде завантажений всім користувачам при зверненні до будь-якої сторінки: $(function() { $('.category-card').each(function() { var $card = $(this); var $titleLink = $card.find('.card-title a'); if ($titleLink.length) { var href = $titleLink.attr('href'); $card.css('cursor', 'pointer'); $card.on('click', function(e)...
 
Немає опису редагування
Рядок 1: Рядок 1:
/* Розміщений тут код JavaScript буде завантажений всім користувачам при зверненні до будь-якої сторінки */
$(function() {
$(function() {
  $('.category-card').each(function() {
    $('.category-card').each(function() {
    var $card = $(this);
        var $card = $(this);
    var $titleLink = $card.find('.card-title a');
        var href = $card.attr('data-href');
    if ($titleLink.length) {
       
      var href = $titleLink.attr('href');
        if (href) {
      $card.css('cursor', 'pointer');
            $card.css('cursor', 'pointer');
      $card.on('click', function(e) {
           
        if (!$(e.target).is('a')) {
            $card.on('click', function(e) {
          window.location = href;
                // якщо клікнули по вже існуючому посиланню всередині — не перехоплюємо
                if ($(e.target).closest('a').length === 0) {
                    window.location.href = href;
                }
            });
           
            // опціонально: hover-ефект
            $card.hover(
                function() { $card.addClass('card-hover'); },
                function() { $card.removeClass('card-hover'); }
            );
         }
         }
      });
     });
     }
  });
});
});

Версія за 13:05, 11 лютого 2026

$(function() {
    $('.category-card').each(function() {
        var $card = $(this);
        var href = $card.attr('data-href');
        
        if (href) {
            $card.css('cursor', 'pointer');
            
            $card.on('click', function(e) {
                // якщо клікнули по вже існуючому посиланню всередині — не перехоплюємо
                if ($(e.target).closest('a').length === 0) {
                    window.location.href = href;
                }
            });
            
            // опціонально: hover-ефект
            $card.hover(
                function() { $card.addClass('card-hover'); },
                function() { $card.removeClass('card-hover'); }
            );
        }
    });
});