bootstrap的一個js效果,在慕課練習上可以出效果,在自己寫的html中不能出效果
<!DOCTYPE?html>
<html>
??<head>
????<meta?charset="utf-8">
????<title></title>
????<link?rel="stylesheet"?href="test1/dist/css/bootstrap.min.css"?media="screen"?title="no?title"?charset="utf-8">
??</head>
??<body>
<button?class="btn?btn-primary"?type="button"?name="button">點擊我</button>
<div?class="modal"?id="mymodal">
??<div?class="modal-dialog">
????<div?class="modal-content">
??????<div?class="modal-header">
????????<button?class="close"?data-dismiss="modal"?type="button"?name="button">
??????????<span?aira-hidden="true">×</span>
??????????<h4?class="modal-title">這是一個標題</h4>
????????</button>
??????</div>
??????<div?class="modal-body">
????????<p>
??????????這是一個內容
????????</p>
??????</div>
??????<div?class="modal-footer">
????????<button?class="btn?btn-default"?data-dismiss="modal"?type="button"?name="button">關閉吧</button>
????????<button?class="btn?btn-primary"?type="button"?name="button">還是保存吧</button>
??????</div>
????</div>
??</div>
</div>
??<script?src="http://lib.sinaapp.com/js/jquery/1.9.1/jquery-1.9.1.min.js"></script>
??<script?scr="test1/dist/js/bootstrap.min.js"></script>
??<script?type="text/javascript">
??$(function(){
??????$(".btn").click(function(){
??????????$("#mymodal").modal("toggle")
??????})})
??</script>
??</body>
</html>bootstrap的css js 導入路徑都是正確的,不知道為什么出不來效果
2016-09-16
找了二十分鐘,終于發現了,你的??<script?scr="test1/dist/js/bootstrap.min.js"></script>,你寫成了‘scr’,本來是‘src’。
2016-09-16
以后敲代碼還是仔細點