Переписать код с Jquery на Javascript

27 ноября 2019, 15:20

Как перевести код с jQuery на javascript

jQuery(document).ready(function($){
    var imgHeight = $('.gk-zinimage img').height();
    $('.gk-zincontent img').load(function() { // размер картинки после загрезки
        $('.gk-zincontent').css({'height': imgHeight * <?php echo $galereyarows?> + 6 }); // высота div по размеру картинки
        $('.gk-articles-mainwrap, .gk-articles').css({'height': imgHeight * <?php echo $galereyarows?> + 6, 'overflow': 'hidden'}); // 'overflow': 'hidden' скрыли лишнее
        return false;
    });
    jQuery('ul.subcats-selection li a').click(function(){
        $('.gk-zinimage').css({'height': imgHeight + 6});
        $('.gk-articles-mainwrap, .gk-articles').css({'height': imgHeight * <?php echo $galereyarows?> + 6, 'overflow': 'hidden'});
    });
});

Answer 1

Примерно так

document.addEventListener('DOMContentLoaded', function() {
    var img = document.querySelector('.gk-zinimage img');
    var imgHeight = img.height;
    img.addEventListener('load', function() {
        var items = document.querySelectorAll('.gk-zincontent');
        for (i = 0; i < items.length; i++) {
            items[i].style.height = imgHeight * <?php echo $galereyarows?> + 6;
        }
        items = document.querySelectorAll('.gk-articles-mainwrap, .gk-articles');
        for (i = 0; i < items.length; i++) {
            items[i].style.height = imgHeight * <?php echo $galereyarows?> + 6;
            items[i].style.overflow = 'hidden';
        }
    });
    var links = document.querySelectorAll('ul.subcats-selection li a');
    for (i = 0; i < divs.length; i++) {
        links[i].addEventListener('click', function() {
            img.style.height = imgHeight + 6;
            var items = document.querySelectorAll('.gk-articles-mainwrap, .gk-articles');
            for (i = 0; i < items.length; i++) {
                items[i].style.height = imgHeight * <?php echo $galereyarows?> + 6;
                items[i].style.overflow = 'hidden';
            }
        });
    }
});

Хотя в этом коде наверняка многое можно оптимизировать.