Для тех, кто не спит!
Скидка -15%
Мы используем cookie-файлы
Для оптимизации работы нашего сайта мы используем cookie-файлы. Продолжая использовать сайт, Вы соглашаетесь с использованием cookie-файлов.
Панель управления
  • Русский
  • Українська
  • UAH
  • USD
  • RUB
  • EUR
  • 0-800-307-307  Горячая линия
  • +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  Киевстар
  • +1(888)393-24-51  USA, Toll free
  • +44(131)507-01-14  Great Britain
  • +7(499) 348-28-61  Москва

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


Rock-N-Roll
7 лет
0
Подскажите плиз, кто хорошо разбирается в 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
7 лет
0

>почему jquery-код не видит html-код всплывающей подсказки в контейнере результата ajax-запроса, а просто на странице - видит.
Потому что приведенный вами jquery-код срабатывает только по $(document).ready(), т.е. только после загрузки страницы в браузере, когда html-код всплывающей подсказки отсутствует. Вам же нужно вызывать данный код после завершения ajax-запроса или по событию complete в самом запросе.

Rock-N-Roll
7 лет
0

Спасибо! Заработало :)

Участвовать в общении на этом форуме могут только зарегистрированные пользователи.