Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> [JavaScript][jQuery]Tooltip + funkcja .on
-Baaaaaa!-
post
Post #1





Goście







Mam problem z edycją kodu jquery.
Mam takiego tooltipa, ale on nie działa kiedy np. ładuje plik funckją .load.
Kombinowałem z funkcją .on, ale nie potrafie zrobić tego tak, żeby działało to też na elementach dynamicznych.

  1. $(".tip_trigger").hover(function(){
  2. tip = $(this).find('.tip');
  3. tip.show();
  4. }, function() {
  5. tip.hide();
  6. }).mousemove(function(e) {
  7. var mousex = e.pageX + 20;
  8. var mousey = e.pageY + 20;
  9. var tipWidth = tip.width();
  10. var tipHeight = tip.height();
  11. var tipVisX = $(window).width() - (mousex + tipWidth);
  12. var tipVisY = $(window).height() - (mousey + tipHeight);
  13.  
  14. if ( tipVisX < 20 ) {
  15. mousex = e.pageX - tipWidth - 20;
  16. } if ( tipVisY < 20 ) {
  17. mousey = e.pageY - tipHeight - 20;
  18. }
  19. tip.css({ top: mousey, left: mousex });
  20. });


Proszę o pomoc, nie mam pojęcia jak to zrobić, przykłady z .on z manuala jQ mi nic nie dały.
Go to the top of the page
+Quote Post
com
post
Post #2





Grupa: Zarejestrowani
Postów: 3 034
Pomógł: 366
Dołączył: 24.05.2012

Ostrzeżenie: (0%)
-----


Zasadniczo to się zastanawiam czy nie prościej w CSS :
http://www.jqueryscript.net/css3-html5/Pur...S3-Tooltip.html

a w jq próbowałbym z bind() (IMG:style_emoticons/default/wink.gif)
Go to the top of the page
+Quote Post
-Baaaaaa!-
post
Post #3





Goście







Ale w css "dymek" bedzie w jednym miejscu, a mi zależy na tym, żeby podążał za ruchem myszy (IMG:style_emoticons/default/wink.gif)

Zaraz popatrze co i jak z tym bind(), może coś wymyśle. Dzięki!
Go to the top of the page
+Quote Post
-Baaaaaa!-
post
Post #4





Goście







Pokombinowałem i zrobiłem (IMG:style_emoticons/default/smile.gif) użyłem funkcji .on i śmiga.

Można wywalić czy tam zamknąć.
Go to the top of the page
+Quote Post

Reply to this topicStart new topic
2 Użytkowników czyta ten temat (2 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Aktualny czas: 4.10.2025 - 23:51