2017-05-20 1 views
1

안녕하세요 저는 ROR 놈입니다. 누구나 카테고리 및 하위 카테고리를 보여주는 드롭 다운 메뉴를 구현하는 데 도움이 될지 궁금하십니까?레일의 범주/하위 범주를 드롭 다운으로

어떤 종류의 코드를 시작 하시겠습니까?

이미 카테고리에 대한 데이터를 입력 했으므로 각 카테고리의 하위 카테고리와 함께 친숙한 드롭 다운 메뉴로 표시되도록 코드를 어디에 둘 것인지 확실하지 않습니다.

도움이 될 것입니다.

<div class="dropdown"> 
    <button class="btn btn-primary dropdown-toggle" type="button" data-toggle="dropdown">Categories 
    <span class="caret"></span></button> 
    <ul class="dropdown-menu"> 
    <li><a href="#">Sports</a></li> 
    <li><a href="#">Pop Culture</a></li> 
    <li><a href="#">Tazos</a></li> 
    <li><a href="#">Woolworths Collectibles</a></li> 
    </ul> 
    </div> 

나는이 목록에 범주의 하위 범주를 보여줍니다 가져가 - 나에 클릭 조치를 추가하고 싶습니다 :

편집이 내가 드롭 다운에 대해 가지고있는 코드입니다 .

+0

당신은 지금까지 시도 무엇? 현재 코드를 공유하십시오. 선택한 '카테고리'를 기반으로 '하위 카테고리'를 표시하려고합니까? – Gerry

+0

편집 –

+0

를 참조하십시오. 그것은 다른 질문입니다. 나는 새로운 질문을 podsting하는 것을 추천 할 것이다. 더 많은 사람들이 그것을 보게 될 것입니다. – Gerry

답변

1

응용 프로그램의보기 레이어에 몇 가지 상호 작용 기능을 추가하려는 것 같습니다. 이 기능으로 시작할 수있는 코드 유형은 Javascript입니다. 프로젝트의 app/assets/javascripts 디렉토리에이 코드를 넣습니다. 기본적으로 개발 환경에서 애플리케이션을 빌드하는 동안 Ruby on Rails는 브라우저에서 뷰를 새로 고칠 때마다이 디렉토리 내의 파일에 대한 모든 변경 사항을 다시로드합니다.

레일즈 가이드는 레일스가 자바 스크립트 및 CSS 파일과 같은 정적 자산을 처리하는 방식에 대한 훌륭한 문서를 제공합니다.

http://guides.rubyonrails.org/asset_pipeline.html

무료 당신이 자바 스크립트의 기초를 보여 약간의 인터넷 검색과 가용 자원, 방법 드롭 다운 메뉴를 만드는 방법의 놀라운 금액이 있습니다.

JQuery라는 강력한 자바 스크립트 라이브러리가있어 더욱 직관적 인 작업을 할 수 있습니다.

This walkthrough seems very similar to what you are trying to achieve. You can customize it to fit your needs.

+0

도움을 주셔서 감사합니다! 이것은 큰 도움이 될 것입니다. 그것은 내가 필요한 것 같습니다. –

+0

내가 도울 수있어서 기쁩니다. :) – christopherpeaden

+0

을 (를) 편집하십시오. 위의 내용을 추가하고 싶은 부트 스트랩 프론트 페이지가 있지만 게시 한 링크를보고 나서도 작업을 수행하는 방법을 모르겠습니다 ... –

관련 문제