Проблема с наведением на всплывающую подсказку jQuery - PullRequest
Новая
       14

Проблема с наведением на всплывающую подсказку jQuery

0 голосов
/ 15 сентября 2011

Хорошо, поэтому позвольте мне немного рассказать о том, в чем проблема ...

У нашего клиента есть область кампании на домашней странице, которая имеет 9 уникальных ссылок, которые при наведении курсора затухают в фоновом изображении по умолчанию.с лицевым изображением, связанным со ссылкой в ​​данный момент, всплывающая подсказка над этой ссылкой с описанием галереи и ссылкой на галерею.При отключении мыши изображение по умолчанию вновь появляется за ссылками.

Проблема заключается в том, что при наведении курсора на ссылку и последующем наведении на соответствующую всплывающую подсказку для ссылки срабатывает событие отключения мыши.Клиент хочет, чтобы изображение также оставалось при наведении на всплывающую подсказку.Вот код, который у меня сейчас есть: 

$("a#building1").mouseover(function() {

    $("#main_image").fadeOut(1, function(){
      $("#main_image").load(function () { //avoiding blinking, wait until loaded
        $("#main_image").fadeIn();
        });

      $("#main_image").attr("src", "link-to-image-here");

    });
// each unique link has a class of building
$("a.building").mouseout(function() {

          $("#main_image").fadeOut(1 ,function(){
            $("#main_image").load(function () { //avoiding blinking, wait until loaded
              $("#main_image").fadeIn();    
              });
            $("#main_image").attr("src", "/images/banners/default.png");
          });      
    });

Вот HTML-разметка 

<a id="building1" class="building" href="#"></a>
      <div class="tooltip">
        <span class="event-title">Event title</span>
        <span class="location">Event location</span>  
        <a href="link-to-gallery" class="view-photos-btn">View Wedding Photos</a>
      </div>

Я подумал, что мог бы использовать .next () в библиотеке jQuery для нацеливания на всплывающую подсказкудля каждого здания, однако, у меня возникают проблемы с тем, чтобы оно просто держало изображение при наведении курсора и заменяло его по умолчанию при наведении мыши.Есть идеи?заранее спасибо!

-Derek

1 Ответ

0 голосов
/ 15 сентября 2011

Если бы вы проверили наведение мыши на всплывающей подсказке из-под мышки ссылки, вы можете предотвратить это.Но тогда вам придется привязать мышку к подсказке, которая проверяет, находится ли мышь над кнопкой.Итак: пока мышь находится над одним из них, фон остается.Как только вы наведите указатель мыши на оба, фон сбрасывается.

...