부트 스트랩 navbar 드롭 다운이 작동하지 않습니다.

트위터 부트 스트랩에서 navbar의 드롭 다운을 작동 시키려고하는데, 몇 가지 문제가 있습니다.부트 스트랩 navbar 드롭 다운이 작동하지 않습니다.

<ul class="nav"> 
    <li class="active"><%= link_to 'Home', root_path %></li> 
    <li><a href="#">Forums</a></li> 
    <li class="dropdown"> 
    <a href="#" class="dropdown-toggle" data-toggle="dropdown">World</a> 
    <ul class="dropdown-menu"> 
     <li><%= link_to 'Current', current_path %></li> 
     <li><%= link_to 'All', all_path %></li> 
    </ul> 
    </li> 
</ul>

내가이이 <head>에서 : 그냥 작동하지

<script type="text/javascript" src="http://twitter.github.com/bootstrap/assets/js/bootstrap-dropdown.js"></script>

, 사람이 그것을 잘못 아무것도 볼 수

여기 내 HTML입니까?

출처

2013-10-19 Cristiano

잘못된 JS 파일을 언급하고 있습니다. 그것은 <ul> 클래스 정의에서 here

, 관련 nav를 추가 대해

<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css">

<script src="//netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script>

당신은 읽을 수 있습니다 대신 사용하여 <script> 태그의

다음 사용 당신이 사용하고자하는 :

<ul class="nav nav-tabs">

----------------------------- ^^

또는 <ul class="nav nav-pills">

당신이 할 수있는 직접 부트 스트랩-dropdown.js 당신의 의견에 따라 통해 연결, 그럼에도 불구하고 당신은 부트 스트랩 CSS와 JS (나는 또한 바이올린을 업데이트)에 포함해야 할 것 : https://netdna.bootstrapcdn.com/twitter-bootstrap/2.0.4/js/bootstrap-dropdown.js

참조 fiddle

또한 RoR을 사용하고 있으므로, 누락 된 JS 파일 위에 RoR 문제가 없는지 확인하십시오.

출처

2013-10-19 20:40:11 Leon

이제는 js 파일이 404'ing이 아니므로 좋습니다. 하지만 여전히 작동하지 않는, 다른 아이디어? – Cristiano

나는 JSFiddle을 포함하도록 답변을 편집했고, HTML도 변경했다. 위의 내용을 참조하십시오. – Leon

정직하게 말하면, nav-tabs 나 nav-pills가 필요하지 않습니다. 실제로 필요한 링크는 bootstrap-dropdown.js입니다. – Cristiano

업데이트하여 JQuery와 주요 파일 1.11.0 만 bootstrap.min.js bootstrap.min.css and jquery main file

출처

2014-12-03 08:06:54

을 사용 나는 (레일) 부트 스트랩 드롭 다운과 같은 문제가 있습니다. // require_tree를 제거하여 문제를 해결했습니다. application.js. 그리고 일했습니다.

출처

2016-01-25 18:53:29

부트 스트랩 navbar 드롭 다운이 작동하지 않습니다.

답변

관련 문제