Forum PHP.pl

Hey, mam prosty na pozór problem z tooltipem w jQuery. Chcę aby po wciśnięciu w jakiś np. tekst pojawił się tooltip z divem, którego mam zapisanego w zmiennej JS.

Ten div jest zapisany w zmiennej JS

[HTML] pobierz, plaintext 
<div id="tooltip">
	asdasdasdasdasdaad
</div>
[HTML] pobierz, plaintext 

[HTML] pobierz, plaintext 
.tooltip
{
	border: 1px solid $input_border_color;
	width: 80px;
	height: 200px;
	color: white;
}
[HTML] pobierz, plaintext 

[PHP] pobierz, plaintext 
$('#tooltip').tooltip(); //nie działa ze zrozumiałych względów, bo kod HTML w zmiennej jest niewidoczny dla DOM. Ale nie mam innych pomysłów.
[PHP] pobierz, plaintext 

Ten post edytował MateuszS 15.08.2013, 16:02:37

moze
http://stackoverflow.com/questions/1313321...nstead-of-hover

http://stackoverflow.com/questions/7941931...tooltip-onclick

Mam taki tooltip:

[JAVASCRIPT] pobierz, plaintext 
				$('#character-avatar-clickable').attr('title','not').tooltip({ 
					content: function() { return data.tooltip.html; },
					show: { effect: 'fast' },
					hide: { effect: 'fast' },	
					position: { my: "left+10 center", at: "right center" } 
				})	
				.off( 'mouseover' )
				.on( 'click', function(){		
 
					if( $( this ).data( "tooltip" ) ) {
						$( this ).tooltip( 'close' );
						$( this ).data( "tooltip", false );
 
 
					} else {
						$( this ).tooltip( 'open' );
						$( this ).data( "tooltip", true );
 
 
					}	
 
					$( this ).off( 'mouseleave' );
				});
[JAVASCRIPT] pobierz, plaintext 

Jest jakaś alternatywna metoda sprawienia żeby tooltip otwierał i zamykał się kliknięciem w diva '#character-avatar-clickable' ? Teraz przed powyższym kodem żeby można było otworzyć tooltipa muszę dać

[JAVASCRIPT] pobierz, plaintext 
$('#character-avatar-clickable').click(); 
[JAVASCRIPT] pobierz, plaintext 

w przeciwnym razie muszę klikać dwukrotnie żeby tooltip się otworzył i zamknął (nie wiem czemu)


### W przypadku gdyby ktoś nie zrozumiał o co mi chodzi ###
Tooltip otwiera się za co drugim wciśnięciem co nie powinno się zdarzać (co jeden klik powinien się włączać i wyłączać). Dobrze to ilustruje poniższy przykład (wykastrowany)

[JAVASCRIPT] pobierz, plaintext 
				$('#character-avatar-clickable').attr('title','not').tooltip({ 
					content: function() { return data.tooltip.html; },
					show: { effect: 'fast' },
					hide: { effect: 'fast' },	
					position: { my: "left+10 center", at: "right center" } 					
				}).off('mouseover');
 
				$('#character-avatar-clickable').click( function() {
					$( '#character-avatar-clickable' ).tooltip( 'open' ); 
				});	
[JAVASCRIPT] pobierz, plaintext 

Ten post edytował MateuszS 27.08.2013, 00:11:15