Псевдо класс hover всегда включен.
Доброго времени суток, дорогие форумчане. Я только начинаю познавать js так что простите, если кому покажется странным мой вопрос. ))
Уже 2-ю неделю мучаюсь... $( document ).ready(function() { // owl-carousel $('.owl-carousel').owlCarousel({ loop: true, items: 1, autoplayTimeout: 1000, autoplayHoverPause: false, }); var i = 0; function handler(){ if ( $('.owl-carousel:hover')) { $('#res').html('ок_'+ i++ +'.'); } else { $('#res').html('no_0'); }; }; setInterval( handler, 1000); }); }) Почему получается так, что hovor постоянно наведен. Как загрузка прошла так и пошел счет. А мне надо что бы только по наведению было. В дальнейшем та месте счетчика буду использовать автоплей от owl-carousel. Вариант: $('.owl-carousel').is(":hover") выдает ошибку : Syntax error, unrecognized expression: unsupported pseudo: hover Заранее благодарен за помощь. |
Цитата:
|
Объект(класс "owl-carousel") под наведением [результат] = да/нет
P.S. mouseover и mouseou, не подходят для решения задачи. |
Цитата:
|
Так как буду применять функцию автоплэя слайдера, то тут применение mouseover не подойдет, потому что при малейшим смещении мышки - сново происходит автоплей.
|
BSwan,
mouseenter mouseleave |
Спасибо помогло.
Но есть еще один вопросик. //есть множество '.owl-carousel'-классов. $('.owl-carousel').mouseenter(function() { var timerId = setInterval(function(){ $('.owl-carousel').trigger('next.owl.carousel',[1000]) // Как тут можно использовать (this)? }, 2000); $('.owl-carousel').mouseleave(function(){ clearInterval(timerId); }); }); Или есть может альтернатива this? |
BSwan,
не понимаю |
BSwan,
$('.owl-carousel').each(function(indx, el){ var timerId; $(el).mouseenter(function() { timerId = setInterval(function(){ $(el).trigger('next.owl.carousel',[1000]) // Как тут можно использовать (this)? }, 2000); $(el).mouseleave(function(){ clearInterval(timerId); }); }); }); |
Огромное Вам спасибо!!!
Я не мог найти решения сам... Спасибо. |
Часовой пояс GMT +3, время: 05:48. |