채택완료
js 틀린 곳이 있나 체크 한 번 부탁드립니다~
Copy
// 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개 / 댓글 11개
채택된 답변
+20 포인트
코드 자체는 문제가 없는거 같은데요?
혹시 인코딩이 euc-jp 인가요?
답변에 대한 댓글 3개
이런 류의 클라이언트 javascript는 서버와는 전혀 상관없습니다.
요청에 따라 서버는 클라이언트(웹브라우저)로 내려 보내는 일만 담당하닌까요.
문제는 웹브라우저로 보이네요.
크롬을 사용하시면 <개발자 도구>에서 Console 부분을 체크해 보시죠.
javascript 에러가 나는지.
답변에 대한 댓글 3개
모바일 화면에서 토글이 작동 안하는 문제인거죠?
보통 토글을 사용할땐 아래 소스가 추가 되어야 하는데 해당 사이트에 소스를 보니 없는것 같네요.
data-toggle="dropdown" class="dropdown-toggle"
Js 파일을 볼 수없어 확인이 어려우니 data-toggle 적용해서 테스트 해보세요.
답변에 대한 댓글 4개
답변을 작성하려면 로그인이 필요합니다.
인코딩은 UTF-8입니다 ...
제가 무버블 타입이라는 CMS로 작업중인데 이게 아주 ... 귀찮고 복잡시렵네요 ㅠ
답변 감사합니다^^