Autorius Tema: Twitter Bootstrap popover (reikalinga pagalba) (Skaityta 691 kartus)

Dunduliz · « **Įrašytas:** 2013-02-27 20:26:49 pm »

Sveiki, analizuoju bootstrap frameworką ir bandžiau padaryti paprastą popoverį, tačiau man jis neiššoka. Gal galėtumėte žvilgtelti į kodą ir pasakyti kame yra problemba? KODAS :

Kodas: [Pasirinkti]

<!DOCTYPE HTML>
<html>
<head>
	<link type="text/css" rel="stylesheet" href="css/bootstrap.css"/>
</head>
<body>
	
	<h1> POP OVER </h1>
	
	<a href="#" id="a" class="btn btn-primary" rel="popover" data-content="Cia visa informacija." data-original-title="POPOVER"> POPOVER</a>


	<script src="js/jquery.js></script>
	<script src="js/bootstrap.js"></script>
	<script src="js/tooltip.js"></script>
	<script src="js/popover.js"></script>
	<script>
		$(function(){
			$('#a').popover();
		
		});
	</script>
</body>
</html>

Ačiū iš anksto.

Interneto keleivis · « **Atsakymas #1 Įrašytas:** 2013-02-27 20:53:40 pm »

Nu nežinau, turėtų viskas veikti

Man tai veikia tas popover, bet aš esu atsisuntęs vieną custom bootstrap.js failą, kuriame yra visi tooltipai ir popover. Dar kai kas, pamėgink jquery.js perkelti į head dalį.

Dunduliz · « **Atsakymas #2 Įrašytas:** 2013-02-27 21:35:08 pm »

Citata iš: Interneto keleivis 2013-02-27 20:53:40 pm

Nu nežinau, turėtų viskas veikti Man tai veikia tas popover, bet aš esu atsisuntęs vieną custom bootstrap.js failą, kuriame yra visi tooltipai ir popover. Dar kai kas, pamėgink jquery.js perkelti į head dalį.

Vistiek neveikia :/ Net neįsivaizduoju ką taisyti :/

vitalikaz · « **Atsakymas #3 Įrašytas:** 2013-02-28 10:20:51 am »

Kodas turi eiti po dokumento užkrovimo, t.y.

Kodas: [Pasirinkti]

$(document).ready(function() {
   $('a').popover();
});

Manualai.lt Forumas · « **Atsakymas #3 Įrašytas:** 2013-02-28 10:20:51 am »

Dunduliz · « **Atsakymas #4 Įrašytas:** 2013-02-28 15:49:46 pm »

Citata iš: vitalikaz 2013-02-28 10:20:51 am

Kodas turi eiti po dokumento užkrovimo, t.y.
Kodas: [Pasirinkti]
$(document).ready(function() { $('a').popover(); });

Turėjai galvoje tai?

Kodas: [Pasirinkti]

<!DOCTYPE HTML>

<html>
<head>
	<link type="text/css" rel="stylesheet" href="css/bootstrap.css"/>
</head>

<body>
	
	<h1> POP OVER </h1>
	
	<a href="#" id="a" class="btn btn-primary" rel="popover" data-content="Cia visa informacija." data-original-title="POPOVER"> POPOVER</a>


	<script src="js/jquery.js></script>
	<script src="js/bootstrap.js"></script>
	<script src="js/tooltip.js"></script>
	<script src="js/popover.js"></script>
	<script> $(document).ready(function() {
   $('a').popover();
});  </script>
	<script>
		$(function(){
			$('#a').popover();
		
		});
	</script>
</body>
</html>

bendzaminas · « **Atsakymas #5 Įrašytas:** 2013-02-28 16:54:41 pm »

Citata iš: Dunduliz 2013-02-28 15:49:46 pm

Citata iš: vitalikaz 2013-02-28 10:20:51 am
Kodas turi eiti po dokumento užkrovimo, t.y.
Kodas: [Pasirinkti]
$(document).ready(function() { $('a').popover(); });

Turėjai galvoje tai?
Kodas: [Pasirinkti]
<!DOCTYPE HTML> <html> <head> <link type="text/css" rel="stylesheet" href="css/bootstrap.css"/> </head> <body> <h1> POP OVER </h1> <a href="#" id="a" class="btn btn-primary" rel="popover" data-content="Cia visa informacija." data-original-title="POPOVER"> POPOVER</a> <script src="js/jquery.js></script> <script src="js/bootstrap.js"></script> <script src="js/tooltip.js"></script> <script src="js/popover.js"></script> <script> $(document).ready(function() { $('a').popover(); }); </script> <script> $(function(){ $('#a').popover(); }); </script> </body> </html>

http://learn.jquery.com/about-jquery/how-jquery-works/

Launching Code on Document Ready pastraipa puikiai paaiškina ką turėjo mintį.

Dunduliz · « **Atsakymas #6 Įrašytas:** 2013-02-28 23:58:46 pm »

http://learn.jquery.com/about-jquery/how-jquery-works/

Launching Code on Document Ready pastraipa puikiai paaiškina ką turėjo mintį.
[/quote]

Vistiek neveikia pop overis.. Kodas :

Kodas: [Pasirinkti]

<!DOCTYPE HTML>
<html>
<head>
	<link type="text/css" rel="stylesheet" href="css/bootstrap.css"/>
</head>
<body>
	
	<h1> POP OVER </h1>
	
	<a href="#" id="a" class="btn btn-primary" rel="popover" data-content="Cia visa informacija." data-original-title="POPOVER"> POPOVER</a>


	<script src="js/jquery.js></script>
	<script src="js/bootstrap.js"></script>
	<script src="js/tooltip.js"></script>
	<script src="js/popover.js"></script>
	<script>
	$( document ).ready( function() {
		$(function(){
			$('#a').popover();	
		});
	</script>
</body>
</html>

bendzaminas · « **Atsakymas #7 Įrašytas:** 2013-03-01 09:04:49 am »

Citata iš: Dunduliz 2013-02-28 23:58:46 pm

http://learn.jquery.com/about-jquery/how-jquery-works/

Launching Code on Document Ready pastraipa puikiai paaiškina ką turėjo mintį.

Vistiek neveikia pop overis.. Kodas :

Kodas: [Pasirinkti]

<!DOCTYPE HTML>
<html>
<head>
	<link type="text/css" rel="stylesheet" href="css/bootstrap.css"/>
</head>
<body>
	
	<h1> POP OVER </h1>
	
	<a href="#" id="a" class="btn btn-primary" rel="popover" data-content="Cia visa informacija." data-original-title="POPOVER"> POPOVER</a>


	<script src="js/jquery.js></script>
	<script src="js/bootstrap.js"></script>
	<script src="js/tooltip.js"></script>
	<script src="js/popover.js"></script>
	<script>
	$( document ).ready( function() {
		$(function(){
			$('#a').popover();	
		});
	</script>
</body>
</html>

[/quote]

Tada reiktų peržiūrėti javascript klaidas, warning'us javascript console'je

http://webmasters.stackexchange.com/questions/8525/how-to-open-the-javascript-console-in-different-browsers

Interneto keleivis · « **Atsakymas #8 Įrašytas:** 2013-03-01 10:11:17 am »

Jūs gal geriau čia pasižiūrėkit... http://twitter.github.com/bootstrap/javascript.html#popovers

Manualai.lt Forumas · « **Atsakymas #8 Įrašytas:** 2013-03-01 10:11:17 am »

Manualai.lt Forumas

Naujienos: