• UAH
  • USD
  • RUB
  • EUR
  • +38(044) 392-74-33  Киев
  • +38(057) 728-39-00  Харьков
  • +38(056) 794-38-31  Днепропетровск
  • +38(062) 210-24-93  Донецк
  • +38(032) 229-58-93  Львов
  • +38(048) 738-57-70  Одесса
  • +38(093) 449-04-21  Life
  • +38(067) 400-88-44  Киевстар
  • +38(095) 007-72-35  MTC
  • +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
10.10.2013 16:50
хостинг: есть
домен: есть
Подскажите плиз, кто хорошо разбирается в 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
10.10.2013 18:33
хостинг: нет
домен: нет
>почему jquery-код не видит html-код всплывающей подсказки в контейнере результата ajax-запроса, а просто на странице - видит.
Потому что приведенный вами jquery-код срабатывает только по $(document).ready(), т.е. только после загрузки страницы в браузере, когда html-код всплывающей подсказки отсутствует. Вам же нужно вызывать данный код после завершения ajax-запроса или по событию complete в самом запросе.
Rock-N-Roll
12.10.2013 01:14
хостинг: есть
домен: есть
Спасибо! Заработало :)
Участвовать в общении на этом форуме могут только
зарегистрированные пользователи.

Если вы уже зарегистрированы Вам необходимо войти на форум.

Тема закрыта по истечению срока давности.
Горячая линия
(044)
392 74 33
другие города