[html] 부트 스트랩 드롭 다운이 작동하지 않음

작동하도록 부트 스트랩 드롭 다운을 만들 수 없습니다. 다음은 내비게이션 용 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>