Here’s my problem : i’m lvl 0 in javascript and jquery. (i developp webapps with GWT so i don’t have to write js)
I would like to use the popover plugin from bootstrap but i don’t know how, even if it seems simple.
Here’s what i have :
<html>
<head>
<link type="text/css" rel="stylesheet" href="css/bootstrap.css">
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript" src="js/bootstrap.js"></script>
</head>
<body>
<a id="mylink" data-content="my txt" data-original-title="my title"> lol </a>
<script type="text/javascript">
$("#myLink").popover();
</script>
</body>
</html>
And that doesn’t do anything.
Should i use “$(document).ready()” ? Am i missing options ? I seen someone add this method call :
.mouseenter(function(e) { $(this).popover('show'); });
But that doesn’t change either.
I know this is real noob stuff, but i’m really lost.
Thanks 🙂
It seems Bootstrap requires a fairly new version of jquery. So change the jquery reference to
and change
$('#myLink')to$('#mylink').