Элементу могут добавляться определённые классы, которые изменяют внешний вид через анимацию или плавный переход. Переход или анимация могут длиться от 0.5 сек. до 2 сек. Нужно чтобы в момент анимации нельзя было добавить другой класс (и не добавлять его по transitionend, если есть анимация - то ничего не происходит по событию, если нет - то происходит. Можно конечно наличие классов отвечающих за анимацию проверять, но их нужно в js прописывать, при добавление нового класса нужно было бы их вписывать
В данном случае вам нужно поискать что-то похожее на слайдер кнопок или т.п. Весь js код, желательно выносить в отдельные js файлы. И по возможности совмещать мелкие файлы, типа скрипта для менюшки и т.п. в один файл (main.js, script.js, plugin.js - кто как называет)
Вы про вкладки выбора плеера? Если да то они изначально все с классом active. Вам нужно этот класс только первой ссылке добавлять. При генерации страницы php либо через js при загрузке страницы. Тут подправил код немного jsfiddle.net/sdLs7urp/1 посмотрите.
При загрузке будет добавляться класс первой ссылке
как вам удобнее, можно в отдельный js файл, можно в html вставить. Но я бы порекомендовал его в отдельный вынести. Так же скрипт написан с использованием jQuery, так что вам необходимо подключить данную библиотеку до подключения моего скрипта.
По скрипту поясню, чтобы было понятно. В переменную links мы берем все ссылки с классом menu_link. По клику на любую из них удаляется класс active у ссылок. И присваивается той по которой кликнули. Изначально в верстке уже должен быть пункт с классом active, если вы хотите чтобы сразу был активным какой-то пункт. Или же опять прибегнуть к js и назначать класс при загрузке страницы
Ну все-такие хотелось бы услышать мнения и советы людей, делавших похожее. В примерах и исходниках не удалось найти ни решения данного вопроса ни комментариев или советов. По этому хотелось бы узнать все возможные советы и мнения с какими-то пояснениями, почему данный способ лучше и т.д.
Вверх/вниз прокрутка тогда остаётся. Плюс на IE11 в WP длинный свайп возвращает на предыдущую страницу. Вот хотелось бы от этих двух моментов избавится.
Пример 1: блок с яндекс картами. Открыв на телефоне, если перемещать пальцем внутри области с картой - перемещается только карта внутри, страница не двигается.
Пример 2: слайдер цены. При свайпе его ползунков - перемещаются только они, страница на месте (на нормальных слайдерах).
Никто же не возражает подобным ограничениям, они даже уместны. По этому и хотелось бы найти выход для подобных решений.
Как писал, с ним знаком, но проекты сейчас хранятся в кэше браузера. Чтобы хранить проекты icomoon на сервере - нужно платить. Сейчас ищу какой-нибудь софт для редактирования шрифтов (импорта в него svg в частности), но толкового ничего не нашёл
