Метка: JavaScript — Сайт на Wordpress

Быстрая и простая фильтрация элементов на странице с помощью jQuery

Posted on 2018.11.08

function show_only_proper_items() {
    var $items_all = $('.item');
    var select_value = $('#select').val();
    var $items_filtered_by_select_value = $items_all.filter('[data-for-select="'+select_value+'"]');

    var filter_text = $('#text').val();
    if (filter_text == '') {
        var $items_filtered_by_text = $items_filtered_by_select_value;
    }
    else {
        var $items_filtered_by_name = $items_filtered_by_select_value.filter('[data-item-name*="'+filter_text+'"]');
        var $items_filtered_by_description = $items_filtered_by_select_value.filter('[data-item-description*="'+filter_text+'"]');
        var $items_filtered_by_text = $items_filtered_by_name.add($items_filtered_by_description);
    }

    var $items_to_show = $items_filtered_by_text;
    var $items_to_hide = $items_all.not($items_to_show);
    $items_to_hide.hide();
    $items_to_show.show();
}

function show_only_proper_items() {

var $items_all = $('.item');

var select_value = $('#select').val();

var $items_filtered_by_select_value = $items_all.filter('[data-for-select="'+select_value+'"]');

var filter_text = $('#text').val();

if (filter_text == '') {

var $items_filtered_by_text = $items_filtered_by_select_value;

}

else {

var $items_filtered_by_name = $items_filtered_by_select_value.filter('[data-item-name*="'+filter_text+'"]');

var $items_filtered_by_description = $items_filtered_by_select_value.filter('[data-item-description*="'+filter_text+'"]');

var $items_filtered_by_text = $items_filtered_by_name.add($items_filtered_by_description);

}

var $items_to_show = $items_filtered_by_text;

var $items_to_hide = $items_all.not($items_to_show);

$items_to_hide.hide();

$items_to_show.show();

}

Вот такой простой и понятный код. Работает быстро, потому что мы работали с DOM’ом только в самом начале и в конце. Плюс мы применяем […]

Код

Результат проверки скорости загрузки страницы, замечания что нужно исправить для увеличения скорости

“Сайт работает медленно” (с) пользователь — с чего начнёте диагностику?

Posted on 2018.06.22

Сначала нужно как можно больше узнать у пользователя. Что именно он имеет в виду, как он это увидел, как он ожидает / хочет, чтобы было. […]

Собеседование

Открывать все внешние ссылки в новом окне с помощью Javascript’а

Posted on 2018.02.28

Невероятно просто.

$(document.links).filter(function() {
    return this.hostname !== window.location.hostname;
}).attr('target', '_blank');

$(document.links).filter(function() {

return this.hostname !== window.location.hostname;

}).attr('target', '_blank');

Этот код нужно поместить куда-нибудь в jquery.ready. Например, учитывая compatibility mode вордпресса, код может выглядеть так:

jQuery(function($) {

    $(document.links).filter(function() {
        return this.hostname !== window.location.hostname;
    }).attr('target', '_blank');

});

jQuery(function($) {

$(document.links).filter(function() {

return this.hostname !== window.location.hostname;

}).attr('target', '_blank');

});

Это более удобный […]

Как