모바일 페이지 메뉴,검색 버튼 작동
관련링크
본문
안녕하세요.
영카트로 제작중에 있습니다.
제작중인 주소는
http://aiai2008.heteml.jp/amipure.com/ 입니다.
홈페이지에서는 이상이 없는데요..
모바일에서 보면 최상단 로고 옆부분 메뉴 버튼과 검색 버튼이 작동을 하지 않습니다.
좀더 자세히 말씀드리자면 메인 화면에서만 동작 하지 않습니다.
모바일에서 로고 밑에 그누5 모바일 화면 기본으로 제공되는 FAQ, 접속자, 새글 등을 한번 누르면 메뉴,검색버튼은 다시 잘 작동 합니다.
해당 css파일 부분 이외에
mobile/index.php,mobile/head.php,mobile/_head.php 는 아직까지 전혀 손대지 않았습니다...
어디가 문제인지 가르쳐 주시면 정말 감사 하겠습니다.
답변 1
그누보드5는 head.sub.php 파일에서 jquery-1.8.3.min.js 버전을 불러오고 있습니다.
그런데 모바일 head.php 파일에 보시면 jquery.js 다시 불러오고 있네요. 더구나 하위버전이네요.
v1.6.4 해당 버전에서는 .on() 메서드를 지원하지 않기 때문에 메뉴와 검색 버튼이 작동하지 않습니다.
서브 페이지에서는 jquery.js 상대 경로로 인해 경로가 맞지 않아 기존 버전으로 작동하게 된 거 같네요 ^^;
해결방법은 모바일 head.php 파일에 jquery 불러오는 구문을 지워주시면 됩니다.
<!-- jk -->
<!-- Insert to your webpage before the </head> -->
<script src="sliderengine/jquery.js"></script>
<script src="sliderengine/amazingslider.js"></script>
<script src="sliderengine/initslider-1.js"></script>
<!-- End of head section HTML codes -->
<script>
$(".hd_opener").on("click", function() {
// 코드 생략
});
$(".hd_closer").on("click", function() {
// 코드 생략
});
</script>
답변 너무나 감사드립니다. 실제 충돌이 일어나는 부분은 제가 head.sub.php파일에 추가한 부분과 충돌이 있었습니다.추가한 소스를 head.php파일로 옮기니 바로 해결 되었습니다.
답변을 작성하시기 전에 로그인 해주세요.