부트 스트랩 드롭 다운 버튼

현재 Ruby on Rails와 함께 부트 스트랩 3을 사용하고 있으며 드롭 다운 버튼에 문제가 있습니다. 버튼은 드롭 다운되고 목록 항목을 표시하지만 하나를 클릭하면 페이지 상단으로 이동하고 목록 항목이 선택되지 않습니다. 여기 부트 스트랩 드롭 다운 버튼

드롭 다운 버튼에 대한 코드의 - html.erb 파일

<div class="col-md-5 col-md-offset-2 col-xs-12"> 
      <div class="dropdown"> 
    <button class="btn btn-default dropdown-toggle" type="button" id="dropdownMenu1" data-toggle="dropdown" aria-expanded="true"> 
    How many? 

    </button> 
    <ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu1"> 
    <li><a href="#">1</a></li> 
    <li><a href="#">2-9</a></li> 
    <li><a href="#">10+</a></li> 
    </ul> 
</div> 
</div> 
     </div>

JS의 나의 지식은 내가 다른 사람의 질문에 찾아 봤는데하지만 난 아직도 일을 할 수있어 존재하지 않는다 아웃.

html.erb 파일

<script type="text/javascript" src="js/bootstrap/bootstrap.js"></script> 
<script> 
    $(document).ready(function(){ 
     $('.dropdown-toggle').dropdown() 
    }); 
</script>

자바 스크립트 콘솔 bootstrap.js 찾을 수 없습니다 404을 던졌습니다 응용 프로그램을 실행에도 스크립트. 현재 Vendor/assets/javascripts/bootstrap.js 아래에 부트 스트랩이 있습니다.

부트 스트랩 JS 파일이 app/assets/javascripts에 있어야합니까?

누군가 내가 뭘 잘못하고 있는지 잘 알고 있습니다.

출처

2015-01-27 RubyMax

목록과 메뉴가 혼란 스럽습니다. 메뉴 항목은 특별한 일을하지 않으므로 효과적으로'# '에 링크 된 앵커를 클릭합니다. – DavidG

드롭 다운 버튼은 양식의 일부이므로 버튼의 레이아웃이 잘 보입니다. 내가하는 말을 볼 수는 있지만 드롭 다운 항목 중 하나를 클릭하여 선택할 수는 없습니다. 입력 해 주셔서 감사합니다. @DavidG – RubyMax

드롭 다운 항목을 "선택"한다는 것은 무엇을 의미합니까? 메뉴 항목을 클릭 할 때 정확히 무엇을하고 싶습니까? – DavidG

"a"요소에 href 속성 문제가있는 것 같습니다. 리터럴 "#"을 제거하고 다시 시도하십시오.

로컬 저장소에서로드하려는 모든 파일 경로는 로컬 저장소를 기반으로하는 경로 여야합니다. 즉 apps/asset/javascript 경로가 올바른 것입니다.

출처

2015-01-27 10:50:28

나는 자산 경로의 문제를 해결했다. 나는 레일즈를 사용하고 있으며, 나를 위해 일할 수있는 img src를 결코 얻을 수 없다. 그러나 다음 코드가 작동했다. '<% = javascript_include_tag "bootstrap.js"%>' – RubyMax

부트 스트랩 드롭 다운 버튼

답변

관련 문제