2013-08-18 1 views
2

그래서 저는 Twitter Bootstrap을 활용 한 최신 프로젝트를 거의 완료했습니다. 그리고 나에게 불만을 품고있는 몇 가지 문제를 해결하려고합니다. FF로 작업하고 있지만 Chrome에서는 작동하지 않습니다. 그래서 당신이 나를 도와 줄 수 있는지 궁금 해서요 ...Twitter Boostrap Menu - 마우스를 올리면 내릴 수 있습니까? Chrome의 문제

주로 다음을 사용하여 다음과 같이 메뉴를 가리키면 놓을 수 있습니다. https://github.com/CWSpear/twitter-bootstrap-hover-dropdown

누군가 Chrome에서 작동하지 않는 이유에 대해 알려줄 수 있습니까?

사이트는 다음과 같습니다 http://www.savamarkovic.com/dal/index.php/?lang=dal

+0

콘솔을 통해이 오류가 발생했습니다. 'MIME 형식 ('text/plain') 때문에 'https://raw.github.com/CWSpear/twitter-bootstrap-hover-dropdown/master/twitter-bootstrap-hover-dropdown.min.js'에서 스크립트 실행을 거부했습니다. ')이 실행 가능하지 않으며, 엄격한 MIME 유형 검사가 가능합니다.' – PiLHA

+0

FF에서는 'ReferenceError : options are defined $ ('. dropdown-toggle '). dropdownHover (options);'가 표시됩니다. "옵션"이있는 곳에 설정이 있어야합니까? – PiLHA

답변

0

GitHub의 파일이 raw.github.com에서 제공하는, 그래서 크롬로드에서 그것을 방지하는 MIME 유형이, 텍스트/일반입니다 싶어하지 않습니다 ... 시도 프로젝트에 로컬로 스크립트 포함.

+0

그게 문제 였어. 테스트 후 로컬에 포함하는 것을 잊어 버렸습니다! 당신의 도움을 주셔서 감사합니다. – sm007

2

참고로,이 간단한 CSS 블록을 사용하여 호버에 깨끗한 드롭 다운을 얻을 수 있습니다

ul.nav li.dropdown:hover > ul.dropdown-menu { 
    display: block; 
} 

이렇게하면 JS 별도의 플러그인을 사용하는 오버 헤드를 절약 할 수 있으며 모든 브라우저에서 작동합니다. 보너스 : 기본 메뉴 항목을 클릭하면 부트 스트랩 드롭 다운의 표준 구현에 따라 드롭 다운이 열립니다.

관련 문제