js 틀린 곳이 있나 체크 한 번 부탁드립니다~
본문
// JavaScript Document
$(window).on("load",function(){
//gNavi sp
$(function () {
var $header = $('#header');
// Nav Fixed
$(window).scroll(function () {
if ($(window).scrollTop() > 350) {
$header.addClass('fixed');
} else {
$header.removeClass('fixed');
}
});
// Nav Toggle Button
$('#navToggle').click(function () {
$header.toggleClass('open');
});
});
var w = $(window).innerWidth();
//gNav sp tab
if ( w < 767 ) {
$(".gBtn").click(function () {
var index = $(".gBtn").index($(this));
$('.subNav').eq(index).slideToggle();
$('.gBtn i').eq(index).toggleClass('fa-chevron-down fa-minus');
});
}
//pageTopへ
var topBtn = $("#pageTop");
topBtn.hide();
$(window).scroll(function () {
if ($(this).scrollTop() > 100) {
topBtn.fadeIn();
} else {
topBtn.fadeOut();
}
});
//a リンクスクロールがスムーズに
$('a[href^="#"]').click(function () {
var speed = 500;
var href = $(this).attr("href");
var target = $(href == "#" || href == "" ? 'html' : href);
var position = target.offset().top;
$("html, body").animate({
scrollTop: position
}, speed, "swing");
return false;
});
});
분명 이 코드로 테스트 환경에서는 잘 되었는데,
본 서버에 업로드 하니 잘 안되네요 .. ㅠ
혹시 뭔가 잘못 기입한 부분이 있나 봐주시면 좋겠습니다
잘 부탁드립니다(__) 꾸벅~
!-->
답변 4
코드 자체는 문제가 없는거 같은데요?
혹시 인코딩이 euc-jp 인가요?
링크 주시면 구경은 해 보겠습니다....^^
모바일 화면에서 토글이 작동 안하는 문제인거죠?
보통 토글을 사용할땐 아래 소스가 추가 되어야 하는데 해당 사이트에 소스를 보니 없는것 같네요.
data-toggle="dropdown" class="dropdown-toggle"
Js 파일을 볼 수없어 확인이 어려우니 data-toggle 적용해서 테스트 해보세요.
이런 류의 클라이언트 javascript는 서버와는 전혀 상관없습니다.
요청에 따라 서버는 클라이언트(웹브라우저)로 내려 보내는 일만 담당하닌까요.
문제는 웹브라우저로 보이네요.
크롬을 사용하시면 <개발자 도구>에서 Console 부분을 체크해 보시죠.
javascript 에러가 나는지.
답변을 작성하시기 전에 로그인 해주세요.