Я просмотрел некоторые похожие сообщения о задержке взаимодействия после загрузки страницы, но я не могу найти ничего о классическом отключении: hover.отключить способность мыши на загрузке страницы в течение 3 секунд
Проблема в том, что JS будет загружаться, скорее всего, медленнее, чем CSS, а взлома CSS не будет работать для этой проблемы.
Ситуация
У меня есть главная страница анимация. При загрузке страницы у меня есть стек изображений, идущих слева, и div абсолютных якорных тегов, поступающих справа (~ 2 случая на линию), которые скользят и встречаются посередине. После загрузки страницы я устанавливаю таймер, чтобы пройти через стек изображений, и соответствующий ярлык привязки выделяется.
Проблема заключается в том, что этот таймер прерывается, когда пользователь наводится на любой из тегов якорей, и когда это происходит, соответствующее изображение исчезает. И это взаимодействие может быть правильным при загрузке страницы.
Есть ли какой-либо возможный способ отключения привязки тегов a: hover на странице load/delay?
То, что я пытался
Я не могу просто удалить: с классом парения и заменить его на другой один из фонового цвета: прозрачный, потому что мой JS-прежнему поднимает функцию onHover (я мог целевым onHover только что измененный класс может быть ..)
Я могу предназначаться каждый из якорных тегов на странице загрузке с предупреждением о MouseEnter при случайном наведении курсора:
//on page load, disable mouse-over ability on anchor tags
var disableOnLoad = function (ev) {
var target = $(ev.target);
var casesId = target.attr('id');
//if mouse is over one of the cases
if (target.is(".cases")) {
//disable CSS a:hover
$(this).removeClass('homeText a:hover');
}
}
Других тыс я мог бы попытаться позвонить setTimeOut (function() {onHover()), так что есть задержка, но это будет влиять и на загрузку страницы.
Любые предложения?
Почему не просто функциональность парить по умолчанию отключено, то включить его после загрузки страницы? – jli
права или после того, как ваши изображения будут загружены, как вы заявили, вы отслеживали, что прогресс в любом случае. –
он отключен, пока он не призвали document.ready ниже начального слайда изображений. Проблема с этой идеей в том, что все еще есть класс CSS t шляпа не может быть отключена, и поэтому, хотя эта идея не остановит мою анимацию начального цикла, она все равно будет выглядеть уродливой. –