Tooltip - nie działa po odświeżeniu div-a, Tooltip (podpowiedź) nie działa po odświeżeniu diva Opcje

[tjakob]

Witam wszystkich
zwracam się z prośbą o pomoc. Mianowicie borykam się z tooltipem w ajax-sie. Wszystko pięknie działa po załadowaniu strony lub po jej odświeżeniu np F5. Jednak w części stosuję odświeżanie div-a co 60 sek. przez ajax:

[PHP] pobierz, plaintext 
<script type="text/javascript" >
$.ajaxSetup({ cache: false });
var auto_refresh = setInterval(
function()
{
$('#loaddiv').load('refresh_clusterdx_2.php');
}, 60000);
</script>
[PHP] pobierz, plaintext 

Kod mojego tooltipa:

[PHP] pobierz, plaintext 
	<script type="text/javascript">
	$(document).ready(function(){
		function showProfileTooltip(e, id){
			var top = e.clientY -45;
			var left = e.clientX + 25;
 
			$('.p-tooltip').css({
				'top':top,
				'left':left
			}).show();
			//send id & get info from get_profile.php
			$.ajax({
				url: '/Info/get_prefix.php?id='+id,
				beforeSend: function(){
					$('.p-tooltip').html('Loading..');
				},
				success: function(html){
					$('.p-tooltip').html(html);
				}
			});
		}
 
		function hideProfileTooltip(){
			$('.p-tooltip').hide();
		}
 
		$('.profile').mouseover(function(e){
			var id = $(this).attr('data-id');
			showProfileTooltip(e, id);
		});
 
		$('.p-tooltip').mouseleave(function(){
			hideProfileTooltip();
		});
	});
	</script>
[PHP] pobierz, plaintext 

Wszystko, pięknie i ładnie wygląda (IMG:style_emoticons/default/smile.gif) dopóki div nie zostaje odświeżony (IMG:style_emoticons/default/sad.gif) radość z pojawiającej się podpowiedzi tooltipa - znika! Bardzo Was proszę o pomoc, gdzie szukać? Przewertowałem już wiele i nie mogę znaleźć rozwiązania problemu, czy jest to w ogóle możliwe do rozwiązania. Bardzo proszę o pomoc i wskazówki

Pozdrawiam
Tomek

Ten post edytował tjakob 22.01.2016, 22:04:58

[nospor]

No jesli twoj div nadpisuje element o klasie .profile to nic dziwnego ze ci tooltip nie dziala bo tooltip byl podpiery pod .profile ktore juz nie istnieje. Albo podpinaj na nowo po ajax, albo zainteresuj sie .ON

[tjakob]

dziękuję Nospor za odpowiedź, ale jeśli możesz, proszę wytłumacz mi bardziej "łopatologicznie"

poczytałem, zgodnie z podpowiedzią o .ON i trochę przerobiłem, ale teraz to już nawet po załadowaniu i odświeżeniu strony nie mam tooltip-a (IMG:style_emoticons/default/sad.gif)

[PHP] pobierz, plaintext 
$(document).on('mouseover', '.profile', function() {
      var id = $('.profile').attr('data-id');
      showProfileTooltip(e, id);
});
 
$(document).on('mouseleave', '.p-tooltip', function() {
      hideProfileTooltip();
});
[PHP] pobierz, plaintext 

kurcze, coraz bardziej to staje się niejasne dla mnie (IMG:style_emoticons/default/sad.gif)

[PHP] pobierz, plaintext 
    $(document).on('mouseover', '.profile', function(e) {
          var id = $('.profile').attr('data-id');
          showProfileTooltip(e, id);
    });
 
          $(document).on('mouseleave', '.p-tooltip', function() {
          hideProfileTooltip();
    });
[PHP] pobierz, plaintext 

powyższy kod działa, ale ponownie po odświeżeniu tooltip-a brak (IMG:style_emoticons/default/sad.gif)

Ten post edytował tjakob 23.01.2016, 23:57:19

[Dejmien_85]

Wygląda w porządku, choć wewnątrz użyj "this", który odnosić będzie się do elementu:

[PHP] pobierz, plaintext 
    $(document).on('mouseover', '.profile', function(e) {
          var id = $(this).attr('data-id');
          showProfileTooltip(e, id);
    });
[PHP] pobierz, plaintext 

A po odświeżeniu na pewno masz tam atrybut data-id? Nie zginął Ci przypadkiem?

Weź sobie wciśnij F12, włącz konsolę, zobacz czy nie ma błędów jakichś, wpisz gdzieś w okolicy tego kodu "debugger;", odśwież stronę, zobacz co się dzieje gdy najedziesz myszką na ten element. Może po prostu znika ten atrybut (data-id).

Ten post edytował Dejmien_85 28.01.2016, 23:25:04

[tjakob]

Dziękuję Wszystkim za pomoc! Dejmien_85 to było to! Zmiana na "this" i śmiga (IMG:style_emoticons/default/smile.gif)
Pozdrawiam