Twitter引导程序弹出窗口无法正常工作 - 重新加载页面

时间:2013-11-17 11:29:23

标签: javascript twitter-bootstrap twitter popover

我试图通过使用来自twitter的bootstrap来获得一个简单的popover。我对网站设计还比较陌生,如果我的问题看似微不足道,那就很抱歉。

我在页面的源代码中有以下内容:

<!-- Bootstrap core CSS -->
<link href="css/bootstrap.css" rel="stylesheet" type="text/css">
<!-- Bootstrap theme -->
<link href="css/bootstrap-theme.min.css" rel="stylesheet" type="text/css">

<!-- Custom styles for this template -->
<link href="css/theme.css" rel="stylesheet" type="text/css">

<script src="js/tooltip.js"></script>
<script src="js/popover.js"></script>
<script src="js/modal.js"></script>


... i have inserted rest of my webpage here....


<script>$("a[ rel=popover]").popover({placement : 'top'}).click(function(e) {e.preventDefault();});</script>


<div class="container">  
<h2>Example of creating Popover with Twitter Bootstrap</h2>  
<div class="well">  
<a href="#" class="btn btn-danger" rel="popover" data-content="It's so simple to create a tooltop for my website!" data-original-title="Twitter Bootstrap Popover">click to toggle popover</a>  
</div>  
</div>  


... rest of webpage ....



<!-- Bootstrap core JavaScript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<script src="js/jquery-1.10.2.min.js"></script>
<script src="https://code.jquery.com/jquery-1.10.2.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/holder.js"></script>

我需要在其他地方放置这些吗?或包含一些.js文件中的任何内容?

悬停在按钮上时没有任何反应,当您点击它时,它会刷新页面而不是其他任何内容。

非常感谢您的帮助,

0 个答案:

没有答案