2013-08-03 2 views
2

Ember 앱에서 Foundation 프레임 워크를 사용하려고합니다. 내가 가지고있는 문제는 navbar 드롭 다운 메뉴입니다. 기본 레이아웃을 핸들 막대 템플릿에 배치 할 때 navbar가 더 이상 마우스를 올리거나 클릭 할 때 작동하지 않습니다. 그러나 모바일 버전이 표시되도록 창을 축소하면 탐색 모음이 클릭시 작동합니다. Ember가없는 일반 HTML 코드와 동일한 코드가 작동하기 때문에 Foundation 코드가 아닌 것으로 확신합니다.Ember.js의 Foundation.js 드롭 다운 메뉴

나는 these solutions을 체크 아웃했으나 어느 쪽도 나를 위해 일하지 않았다. (첫 번째 코드는 여전히 내 코드에있다.)

는 내 코드는 엠버 사용 index.html을와 엠버를 사용하지 grid.html으로, here을 찾을 수 있습니다.

통찰력이나 질문이 있으면 알려 주시기 바랍니다.

답변

2

드롭 다운 호버 동작은 CSS에서 발생합니다. Ember는이 버그에 참여하지 않습니다. :)

나는 index.html에서 로컬 파일의 CSS를 사용하는 반면, grid.html은 재단 웹 사이트의 CSS를 사용합니다. 재단의 CSS 파일이 일치하지 않는다고 생각합니다.

index.html 안에있는 CSS 링크 태그를 grid.html과 같이 재단에서 사용하도록 변경했습니다. 문제가 해결되었습니다.

<!--<link rel="stylesheet" href="css/normalize.css">--> 
<!--<link rel="stylesheet" href="css/style.css">--> 
<!--<link rel="stylesheet" href="css/foundation.css">--> 
<link rel="stylesheet" href="http://foundation.zurb.com/page-templates4/css/normalize.css"> 
<link rel="stylesheet" href="http://foundation.zurb.com/page-templates4/css/foundation.css"> 

기본 사이트에서 작동하는 CSS를 다운로드하여 거기에서 사용자 지정하는 것이 좋습니다.

+0

글쎄, 나는 정말 어리 석다. 그것은 정말로 문제였습니다. 정말 고맙습니다! – emilytrabert

+1

사실 문제는 css/style.css였습니다. 그것을 삭제 그것을 고쳤다. 그러나 올바른 방향으로 나를 가리켜 주셔서 감사합니다. :피 – emilytrabert