Акция!  Домен 34 грн, домен 55 грн, домен  - 200 грн домен  - 65 грн, домен  - 99 грн, домен  - 56 грн!, домен  - 425 грн!
Мы используем cookie-файлы
Для оптимизации работы нашего сайта мы используем cookie-файлы. Продолжая использовать сайт, Вы соглашаетесь с использованием cookie-файлов.
  • RUB
  • USD
  • EUR
  • UAH
Чат техподдержки
Вы являетесь клиентом?
  • +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  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
5 лет
хостинг: есть
домен: есть
Подскажите плиз, кто хорошо разбирается в 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
5 лет
хостинг: нет
домен: нет
>почему jquery-код не видит html-код всплывающей подсказки в контейнере результата ajax-запроса, а просто на странице - видит.
Потому что приведенный вами jquery-код срабатывает только по $(document).ready(), т.е. только после загрузки страницы в браузере, когда html-код всплывающей подсказки отсутствует. Вам же нужно вызывать данный код после завершения ajax-запроса или по событию complete в самом запросе.
Rock-N-Roll
5 лет
хостинг: есть
домен: есть
Спасибо! Заработало :)
Участвовать в общении на этом форуме могут только
зарегистрированные пользователи.

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

Тема закрыта по истечению срока давности.