TechBlogSD - Все для WordPress и WEB разработки
WEB и WordPress инструкции, новости, обзоры тем и плагинов

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

1 346

В процессе работы приходится сталкиваться с разного рода однотипными задачами, в данной записи собраны полезные фишки 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

Этот веб-сайт использует файлы cookie для улучшения вашего опыта. Мы предполагаем, что вы согласны с этим, но вы можете отказаться, если хотите. Принимаю Подробнее