我试图通过使用来自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文件中的任何内容?
悬停在按钮上时没有任何反应,当您点击它时,它会刷新页面而不是其他任何内容。
非常感谢您的帮助,