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

Neprisijungęs Dunduliz

  • Naujokas
  • *
  • Įrašai: 5
  • Karma: +0/-0
    • Žiūrėti profilį
Twitter Bootstrap popover (reikalinga pagalba)
« Į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 : <!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.

Neprisijungęs Interneto keleivis

  • Naujokas
  • *
  • Įrašai: 394
  • Karma: +7/-8
    • Žiūrėti profilį
    • Daugiau apie Jį.
Ats: Twitter Bootstrap popover (reikalinga pagalba)
« 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į. 
Guten Tag!

Neprisijungęs Dunduliz

  • Naujokas
  • *
  • Įrašai: 5
  • Karma: +0/-0
    • Žiūrėti profilį
Ats: Twitter Bootstrap popover (reikalinga pagalba)
« Atsakymas #2 Įrašytas: 2013-02-27 21:35:08 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 :/

Neprisijungęs vitalikaz

  • Dalyvis
  • **
  • Įrašai: 895
  • Karma: +59/-2
  • Tikėk kuo tiki
    • Žiūrėti profilį
    • blast.lt
Ats: Twitter Bootstrap popover (reikalinga pagalba)
« Atsakymas #3 Įrašytas: 2013-02-28 10:20:51 am »
Kodas turi eiti po dokumento užkrovimo, t.y.
$(document).ready(function() {
   $('a').popover();
});

Manualai.lt Forumas

Ats: Twitter Bootstrap popover (reikalinga pagalba)
« Atsakymas #3 Įrašytas: 2013-02-28 10:20:51 am »

Neprisijungęs Dunduliz

  • Naujokas
  • *
  • Įrašai: 5
  • Karma: +0/-0
    • Žiūrėti profilį
Ats: Twitter Bootstrap popover (reikalinga pagalba)
« Atsakymas #4 Įrašytas: 2013-02-28 15:49:46 pm »
Kodas turi eiti po dokumento užkrovimo, t.y.
$(document).ready(function() {
   $('a').popover();
});

Turėjai galvoje tai? <!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>

Neprisijungęs bendzaminas

  • Naujokas
  • *
  • Įrašai: 185
  • Karma: +11/-0
    • Žiūrėti profilį
Ats: Twitter Bootstrap popover (reikalinga pagalba)
« Atsakymas #5 Įrašytas: 2013-02-28 16:54:41 pm »
Kodas turi eiti po dokumento užkrovimo, t.y.
$(document).ready(function() {
   $('a').popover();
});


Turėjai galvoje tai? <!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į.

Neprisijungęs Dunduliz

  • Naujokas
  • *
  • Įrašai: 5
  • Karma: +0/-0
    • Žiūrėti profilį
Ats: Twitter Bootstrap popover (reikalinga pagalba)
« 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 : <!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>

Neprisijungęs bendzaminas

  • Naujokas
  • *
  • Įrašai: 185
  • Karma: +11/-0
    • Žiūrėti profilį
Ats: Twitter Bootstrap popover (reikalinga pagalba)
« Atsakymas #7 Įrašytas: 2013-03-01 09:04:49 am »


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 : <!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

Neprisijungęs Interneto keleivis

  • Naujokas
  • *
  • Įrašai: 394
  • Karma: +7/-8
    • Žiūrėti profilį
    • Daugiau apie Jį.
Ats: Twitter Bootstrap popover (reikalinga pagalba)
« 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
Guten Tag!

Manualai.lt Forumas

Ats: Twitter Bootstrap popover (reikalinga pagalba)
« Atsakymas #8 Įrašytas: 2013-03-01 10:11:17 am »