2013-06-05 115 views
-1

这是我的HTML。我已经包含了所有文件,但是....引导工具提示不起作用

<link rel="stylesheet" href="css/bootstrap.css"> 
<link rel="stylesheet" href="css/main.css"> 
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js'></script> 
<script src="js/bootstrap.js"></script> 
</head> 

<a href="#" id="tip" data-toggle="popover" data-placement="right" title="first tooltip">hover over me</a> 

<script> 
$function() { 
$('#tip').popover('show'); 
}); 
</script> 

</body> 
</html> 

哪里出错? 谢谢

回答

2

你的脚本缺少一个左括号:

<script type="text/javascript"> 
    $(function() { // missing the opening bracket 
    $('#tip').popover('show'); 
    }); 
</script> 

编辑

的HTML是不完全正确要么。下面的代码适用于我。并且这里的jsfiddle也证明它确实工作:-)

<html> 
<head> 
    <link href="//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/css/bootstrap-combined.min.css" rel="stylesheet"> 

    <script src='http://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js'></script> 
    <script src="//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/js/bootstrap.min.js"></script> 
</head> 
<body> 
    <a href="#" id="tip" data-toggle="popover" data-placement="right" title="first tooltip">hover over me</a> 

    <script> 
     $(function() { 
      $('#tip').popover('show'); 
     }); 
    </script> 

</body> 
</html> 
+1

这是正确的。 :) – frogcoder

+0

谢谢,但它不起作用 – budo

+0

在我的答案中添加更多的细节。 –