«
»
JavaScriptjQueryWordPressWordPress - jQuery

JavaScript (JS) – Полезные фишки

В процессе работы приходится сталкиваться с разного рода однотипными задачами, в данной записи собраны полезные фишки JavaScript которые помогут облегчить разработку начинающим сайтостроителям.

Переход по сылке при клике по объекту (без перезагрузки страницы) ссылка откроется в новой вкладке браузера, данный скрипт вставлется в или

:

onclick="window.open(this.href='http://#'); return false"

По клику сменить класс на другой данный скрипт вставлется в <a href=»» СКРИПТ> или <div href=»» СКРИПТ>

:

onclick="this.className = (this.className == 'СТИЛЬ (СТИЛИ) ОРИГИНАЛ' ? 'СТИЛЬ (СТИЛИ) КОТОРЫМИ НУЖНО ЗАМЕНИТЬ' : 'СТИЛЬ (СТИЛИ) ОРИГИНАЛ')"

Плавный скролл к якорю:

/*Отступ с верху для "клейкого" меню .top -66*/ jQuery( document ).ready(function( $ ) { $(function() { $('a[href="#"]:not([href="#"])').click(function() { if (location.pathname.replace(/^//,'') == this.pathname.replace(/^//,'') && location.hostname == this.hostname) { var target = $(this.hash); target = target.length ? target : $('[name=' + this.hash.slice(1) +']'); if (target.length) { $('html, body').animate({ scrollTop: target.offset().top -66 }, 1000); return false; } } }); }); });

Найти элемент с ссылкой содержащей слово «project» и удалить следующий за ним элемент:

jQuery(document).ready(function($) { $("a[href='project']").next("span.tg-item-date").empty(); });

Выполнить JS код только на определенной странице:

Для запуска срипта только на определенной странице, место «contacts» вписываем отностительную ссылку этой страницы.

//значения location.pathname, при которых будет запускаться ваш скрипт var pagesWithScript = ["/contacts", "/contacts/"]; if (pagesWithScript.indexOf(location.pathname) != -1 ) { /*Здесь вписываем наш JS код*/ }

Источник записи: https://mediadoma.com

Связанные записи
Windows инструкцииWordPress

Как разделить большие файлы XML в WordPress

PageSpeed InsightsWordPressПлагины

Как отключить плагины WordPress на определенных страницах и постах с плагином и без (через функцию)

WordPressПлагины

Создать сайт членства с WordPress

ElementorWordPressПлагины

Как закрыть по умолчанию аккордеон в Elementor