Для тех, кто не спит!
Скидка -15%
Мы используем cookie-файлы
Для оптимизации работы нашего сайта мы используем cookie-файлы. Продолжая использовать сайт, Вы соглашаетесь с использованием cookie-файлов.
  • Русский
  • Українська
  • UAH
  • USD
  • RUB
  • EUR
  • +38(044) 392-74-33  Киев
  • +38(057) 728-39-00  Харьков
  • +38(056) 794-38-31  Днепр
  • +38(032) 229-58-93  Львов
  • +38(048) 738-57-70  Одесса
  • +38(093) 170-15-42  Life
  • +38(067) 400-88-44  Киевстар
  • +38(095) 630-90-82  Vodafone
  • +1(888)393-24-51  USA, Toll free
  • +44(131)507-01-14  Great Britain
  • +7(499) 348-28-61  Москва

Хостинг. Подскажите плиз, кто хорошо разбирается в jquery и ajax

Форумы Хостинг Подскажите плиз, кто хорошо разбирается в jquery и ajax
Rock-N-Roll
6 лет
Подскажите плиз, кто хорошо разбирается в jquery и ajax
Есть html-код всплывающей подсказки:

<div class="trg"><div class="tip">Контент всплывающей подсказки</div></div>

и есть jquery-код для реализации hover-эффекта:

<script type="text/javascript">
$(document).ready(function() { $(".trg").hover(function(){ tip = $(this).find(".tip"); tip.show(); }, function() { tip.hide(); }).mousemove(function(e) { var mousex = e.pageX + 20; var mousey = e.pageY + 20; var tipWidth = tip.width(); var tipHeight = tip.height(); var tipVisX = $(window).width() - (mousex + tipWidth); var tipVisY = $(window).height() - (mousey + tipHeight); if ( tipVisX < 20 ) { mousex = e.pageX - tipWidth - 20; } if ( tipVisY < 20 ) { mousey = e.pageY - tipHeight - 20; } tip.css({ top: mousey, left: mousex }); }); });
</script>

Когда это все жестко прописано в html-коде страницы - работает отлично. Но когда html-код всплывающей подсказки (<div class="trg"><div class="tip">Контент всплывающей подсказки</div></div>) является результатом ajax-запроса, который помещается в контейнер с определенным id - не работает.

Вопрос: почему jquery-код не видит html-код всплывающей подсказки в контейнере результата ajax-запроса, а просто на странице - видит. Css-код, например, все находит и стили отображаются правильно. Что можно сделать в данном случае?

Заранее благодарен.
sonicua
6 лет
>почему jquery-код не видит html-код всплывающей подсказки в контейнере результата ajax-запроса, а просто на странице - видит.
Потому что приведенный вами jquery-код срабатывает только по $(document).ready(), т.е. только после загрузки страницы в браузере, когда html-код всплывающей подсказки отсутствует. Вам же нужно вызывать данный код после завершения ajax-запроса или по событию complete в самом запросе.
Rock-N-Roll
6 лет
Спасибо! Заработало :)
Участвовать в общении на этом форуме могут только
зарегистрированные пользователи.
Тема закрыта по истечению срока давности.