작동하도록 부트 스트랩 드롭 다운을 만들 수 없습니다. 다음은 내비게이션 용 HTML입니다.
<ul class='nav'>
<li class='active'>Home</li>
<li class='dropdown'>
<a class="dropdown-toggle" data-toggle="dropdown" href='#'>Personal asset loans</a>
<ul class="dropdown-menu" role="menu">
<li><a href="#">asds</a></li>
<li class="divider"></li>
</ul>
</li>
<li>Payday loans</li>
<li>About</li>
<li>Contact</li>
</ul>
다음은 스크립트입니다.
<script type="text/javascript" src="js/bootstrap/bootstrap-dropdown.js"></script>
<script>
$(document).ready(function(){
$('.dropdown-toggle').dropdown()
});
</script>
내가 도대체 뭘 잘못하고있는 겁니까? 답변 해 주셔서 감사합니다!
답변
작동 데모 : http://codebins.com/bin/4ldqp73
이 시도
<ul class='nav'>
<li class='active'>Home</li>
<li>
<div class="dropdown">
<a class="dropdown-toggle" data-toggle="dropdown" href="#">Personal asset loans</a>
<ul class="dropdown-menu" role="menu" aria-labelledby="dLabel">
<li><a href="#">asds</a></li>
<li class="divider"></li>
</ul>
</div>
</li>
<li>Payday loans</li>
<li>About</li>
<li>Contact</li>
</ul>
답변
나는 같은 문제가 있었다. 몇 시간의 문제 해결 후
나는 가지고 있었다
<script type="text/javascript" src="Scripts/bootstrap.min.js"></script>
<script type="text/javascript" src="Scripts/jquery-2.1.1.min.js"></script>
대신에,
<script type="text/javascript" src="Scripts/jquery-2.1.1.min.js"></script>
<script type="text/javascript" src="Scripts/bootstrap.min.js"></script>
이것이 누군가에게 도움이되기를 바랍니다.
답변
bootstrap.min.js
두 번 포함했을 때도 같은 문제가 발생 했습니다. 그중 하나를 제거하고 작동하기 시작했습니다.
답변
참고 : 당신이 bootstrap.js있는 경우에, 당신은해야 하지 -dropdown.js을 부트 스트랩 추가합니다.
bootstrap.min.js의 결과가 확실하지 않습니다.
답변
스타일을 위해 일반적으로 </head>
요소 바로 앞에 부트 스트랩의 CSS 파일을 포함해야합니다.
<link href="css/bootstrap.css" rel="stylesheet">
다음으로 js 파일을 포함해야합니다. 일반적으로 </body>
페이지가 더 빨리로드 되기 전에 문서 끝에 포함하는 것이 좋습니다 .
<script src="js/jquery.js"></script>
<script src="js/bootstrap.js"></script>
답변
본문 태그 내에 다음 줄을 추가합니다.
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="https://code.jquery.com/jquery.js"></script>
<!-- Include all compiled plugins (below), or include individual files
as needed -->
<script src="js/bootstrap.min.js"></script>
답변
이 파일을 <head></head>
html 로 가져와야합니다 .
<script src="http://code.jquery.com/jquery-1.11.0.min.js"></script>
<script src="http://code.jquery.com/jquery-migrate-1.2.1.min.js"></script>
<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">
<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>