2014-10-13 1 views
0

저는 학교 프로젝트를 위해 노력하고 있습니다. 누군가가 도와 줄 수 있기를 바란다는 문제가 있습니다. (그리고 아마도 joomla에 대한 나의 증오심을 억제 할 수는 있지만, 브라우저 크기를 조정하거나 480 픽셀 장치에서 렌더링을보기 위해 에뮬레이터를 사용하는 경우 http://edcc3.cloudaccess.netoffcanvas 메뉴 링크가 깨졌습니다.

문제는,의 offcanvas 메뉴 링크가 작동하지 않습니다)

첫째, 여기에 URL입니다. 하나의 페이지 레이아웃 내에서 타겟 섹션으로 스크롤하지 않는다는 것을 의미하며, 이유를 파악할 수 없습니다. 나는 그것이 주문 문제라고 내기는하지만 나에게있어서 나는 문제를 발견 할 수 없다. 어떤 도움을 주시면 감사하겠습니다!

+0

메뉴 확장이나 핵심 메뉴를 사용하고 있습니까? 아니면 템플릿에 맞춤 js가 있습니까? html은 괜찮아 보입니다. 왜 그것이 주문 문제라고 생각합니까? – Elin

+0

@Elin이 말했듯이, HTML 마크 업은 괜찮습니다. 앵커가 있지만 이것은 UIKit의 offcanvas 메뉴에 대한 기본 동작입니다. offcanvas 메뉴를 닫고 클릭시 지정된 요소로 이동하는 작은 사용자 정의 스크립트를 작성해야 할 수 있습니다. – Lodder

+0

@Elin 나는 offcanvas 코드가 마크 업의 맨 아래에 있다고 생각했기 때문에 아마도 ..... 계층 구조로 인해 앵커 태그를 "볼"수 없었을 것입니다. voodoo :) – Jensen010

답변

1

오른쪽, 제가 테스트 한하는 당신을 위해 작은 예제를 작성했습니다 및 작동 :

HTML :

<a id="test" href="#test" data-uk-smooth-scroll="">Item</a> 

jQuery를 :

$('#test').on('click', function() { 
    $.UIkit.offcanvas.hide(); 
}); 

위의 jQuery 코드는 메뉴 항목의 정의 된 ID에 대한 클릭을 감지하고 offcanvas 디스플레이를 닫습니다. 앵커/스크롤이 들어올 것입니다.

위의 내용은 Joomla이므로, Yootheme이 이미 수행 한 메뉴에 대해 Template Override를 수행해야 할 수도 있습니다.

희망 하시겠습니까?

+0

감사합니다. 나는이 일을 수행하고보고 할 것입니다. – Jensen010

+0

글쎄요, 이것을 구현하는 방법이 조금 퍼지기 때문에, 우선 오버라이드 생성에 대해 더 많이 읽을 필요가 있습니다. 대답으로 받아 들여지기 때문에, 코드를보고 있기 때문에 작동하지 않을 이유가 없습니다 :) – Jensen010