익스플로러 스크립트 오류 질문입니다

Question

위에 버튼은 게시판 a 태그에 스크립트 처리로 글쓰는 버튼 입니다. 그런데 문제는 엣지나 크롬에선 잘 먹히는데 익스플로러 환경에서는 버튼이 먹통이되고 저런 오류가 뜨네요.. 원인과 해결방법이 있을까요 ??

초코쪼꼬 · Accepted Answer

왜 익스만 이런가요라는 질문은 잘못되었어요. 왜냐하면... browser는 전부 다릅니다. 간단한 증상으로 es6코드를 지원하는 chrome, 지원하지 않는 ie var arr &#61; [1,2,3,4];arr.reduce((a,b) &#61;> a&#43;b); 라고 쓴다면 chrome에서는 정상동작 10을 리턴받음 ie에서는 오류를 뱉음.. 결국 본인이 이런부분에 갭을 매꿔주어야죠. 둘다 허용이 가능한 코드를 쓰던지 browser별로 지원을 하는 코드를 작성하던지..

초코쪼꼬 · Answer

코드라도 올려주고.. 오류를 말씀하셔야죠 -_-...

chibi · Answer

초코쪼꼬 contents라는 이름을 지정한건 저건데 왜 익스플로러에서만 저런 오류가 발생하는건지 모르겠습니다 .. if (!contents) { alert('내용을 입력해 주십시오.'); f.contents.value = ""; f.contents.focus(); return false; } frm.submit(); } 내용

초코쪼꼬 · Answer

if (!contents) { 여기서 contents는 어디서 선언한건가요? 그리고 common.js에서 replace 오류는 코드 안올려주신거 같네요.

chibi · Answer

초코쪼꼬 위의 if구문은 같은 파일내에서 실행되는거구요 common.js에 있는 내용도 딱히 문제 있어 보이진 않습니다 . /*----------------- * gnb * --------------*/ var oneNum = -1; var twoNum = -1; jQuery(document).ready(function() { //gnb if (oneNum != -1) activeSub(); jQuery(".gnb ul").children("li").each(function(q) { jQuery(this).mouseenter(function() { if (oneNum != -1) { jQuery(".gnb ul").children("li").eq(oneNum).removeClass("on"); } jQuery(".gnbDiv").stop().animate({ height : 245 }, 400, "easeOutCubic"); jQuery(this).addClass("on"); }).focusin(function() { jQuery(this).mouseenter(); }) jQuery(this).mouseleave(function() { jQuery(this).removeClass("on"); jQuery(".gnbDiv").stop().animate({ height : 85 }, 400, "easeOutCubic"); if (oneNum != -1) { activeSub() } }).focusout(function() { jQuery(this).mouseleave(); }) jQuery(this).find(".twoDep").find("a").each(function() { jQuery(this).mouseover(function() { }) jQuery(this).mouseout(function() { }) }) }) }) function activeSub() { jQuery(".gnb ul").children("li").eq(oneNum).addClass("on"); } /*----------------- * visual * --------------*/ var vInterval, vDuration = 10000; var vCurNum, vMaxNum; $(function() { vMaxNum = jQuery(".mainVisual>.visualBg").size() - 1; vCurNum = 0; if (vMaxNum != 0) { vInterval = setInterval("visual()", vDuration); } else { jQuery(".controller").css("display", "none"); jQuery(".controller2").css("display", "none"); } jQuery(".mainVisual>.controller>.btns>a").each(function(q) { jQuery(this).hover(function() { clearInterval(vInterval); jQuery(this).find("img").attr("src", jQuery(this).find("img").attr("src").replace(".png", ".png")); }, function() { clearInterval(vInterval); vInterval = setInterval("visual()", vDuration); jQuery(this).find("img").attr("src", jQuery(this).find("img").attr("src").replace(".png", ".png")); }).click(function() { if (q) { jQuery(".mainVisual>.controller2 a").eq(vCurNum).find("img").attr("src", jQuery(".mainVisual>.controller2 a").eq(vCurNum).find("img").attr("src").replace("_up.png", ".png")); jQuery(".visualBg").eq(vCurNum).stop().animate({ left : "-100%" }, 500); vCurNum++; if (vCurNum > vMaxNum) vCurNum = 0; jQuery(".mainVisual>.controller2 a").eq(vCurNum).find("img").attr("src", jQuery(".mainVisual>.controller2 a").eq(vCurNum).find("img").attr("src").replace(".png", "_up.png")); jQuery(".visualBg").eq(vCurNum).stop().animate({ left : "100%" }, 0).stop().animate({ left : "0%" }, 500); } else { jQuery(".mainVisual>.controller2 a").eq(vCurNum).find("img").attr("src", jQuery(".mainVisual>.controller2 a").eq(vCurNum).find("img").attr("src").replace("_up.png", ".png")); jQuery(".visualBg").eq(vCurNum).stop().animate({ left : "100%" }, 500); vCurNum--; if (vCurNum < 0) vCurNum = vMaxNum; jQuery(".mainVisual>.controller2 a").eq(vCurNum).find("img").attr("src", jQuery(".mainVisual>.controller2 a").eq(vCurNum).find("img").attr("src").replace(".png", "_up.png")); jQuery(".visualBg").eq(vCurNum).stop().animate({ left : "-100%" }, 0).stop().animate({ left : "0%" }, 500); } }) }) jQuery(".mainVisual>.controller2 a").each(function(q) { jQuery(this).mouseover(function() { if (q != vCurNum) { jQuery(".mainVisual>.controller2 a").eq(vCurNum).find("img").attr("src", jQuery(".mainVisual>.controller2 a").eq(vCurNum).find("img").attr("src").replace("_up.png", ".png")); jQuery(".visualBg").eq(vCurNum).stop().animate({ left : "-100%" }, 500); vCurNum = q; jQuery(".mainVisual>.controller2 a").eq(vCurNum).find("img").attr("src", jQuery(".mainVisual>.controller2 a").eq(vCurNum).find("img").attr("src").replace(".png", "_up.png")); jQuery(".visualBg").eq(vCurNum).stop().animate({ left : "100%" }, 0).stop().animate({ left : "0%" }, 500); } }).hover(function() { clearInterval(vInterval); }, function() { clearInterval(vInterval); vInterval = setInterval("visual()", vDuration); }) }) }) function visual() { jQuery(".mainVisual>.controller2 a").eq(vCurNum).find("img").attr("src", jQuery(".mainVisual>.controller2 a").eq(vCurNum).find("img").attr("src").replace("_up.png", ".png")); jQuery(".visualBg").eq(vCurNum).stop().animate({ left : "-100%" }, 500); vCurNum++; if (vCurNum > vMaxNum) vCurNum = 0; jQuery(".mainVisual>.controller2 a").eq(vCurNum).find("img").attr("src", jQuery(".mainVisual>.controller2 a").eq(vCurNum).find("img").attr("src").replace(".png", "_up.png")); jQuery(".visualBg").eq(vCurNum).stop().animate({ left : "100%" }, 0).stop().animate({ left : "0%" }, 500); } /* ---------------------------------------------------------------- tab -----------------------------------------------------------------*/ /* idTabs ~ Sean Catchpole - Version 2.2 - MIT/GPL */ (function() { var dep = { "jQuery" : "http://code.jquery.com/jquery-latest.min.js" }; var init = function() { (function($) { $.fn.idTabs = function() { var s = {}; for (var i = 0; i < arguments.length; ++i) { var a = arguments[i]; switch(a.constructor) { case Object: $.extend(s, a); break; case Boolean: s.change = a; break; case Number: s.start = a; break; case Function: s.click = a; break; case String: if (a.charAt(0) == '.') s.selected = a; else if (a.charAt(0) == '!') s.event = a; else s.start = a; break; } } if ( typeof s['return'] == "function") s.change = s['return']; return this.each(function() { $.idTabs(this, s); }); } $.idTabs = function(tabs, options) { var meta = ($.metadata) ? $(tabs).metadata() : {}; var s = $.extend({}, $.idTabs.settings, meta, options); if (s.selected.charAt(0) == '.') s.selected = s.selected.substr(1); if (s.event.charAt(0) == '!') s.event = s.event.substr(1); if (s.start == null) s.start = -1; var showId = function() { if ($(this).is('.' + s.selected)) return s.change; var id = "#" + this.href.split('#')[1]; var aList = []; var idList = []; $("a", tabs).each(function() { if (this.href.match(/#/)) { aList.push(this); idList.push("#" + this.href.split('#')[1]); } }); if (s.click && !s.click.apply(this, [id, idList, tabs, s])) return s.change; for (i in aList) $(aList[i]).removeClass(s.selected); for (i in idList) $(idList[i]).hide(); $(this).addClass(s.selected); $(id).show(); return s.change; } var list = $("a[href*='#']", tabs).unbind(s.event, showId).bind(s.event, showId); list.each(function() { $("#" + this.href.split('#')[1]).hide(); }); var test = false; if (( test = list.filter('.' + s.selected)).length) ; else if ( typeof s.start == "number" && ( test = list.eq(s.start)).length) ; else if ( typeof s.start == "string" && ( test = list.filter("[href*='#" + s.start + "']")).length) ; if (test) { test.removeClass(s.selected); test.trigger(s.event); } return s; } $.idTabs.settings = { start : 0, change : false, click : null, selected : ".selected", event : "!click" }; $.idTabs.version = "2.2"; $(function() { $(".idTabs").idTabs(); }); })(jQuery); } var check = function(o, s) { s = s.split('.'); while (o && s.length) o = o[s.shift()]; return o; } var head = document.getElementsByTagName("head")[0]; var add = function(url) { var s = document.createElement("script"); s.type = "text/javascript"; s.src = url; head.appendChild(s); } var s = document.getElementsByTagName('script'); var src = s[s.length - 1].src; var ok = true; for (d in dep) { if (check(this, d)) continue; ok = false; add(dep[d]); } if (ok) return init(); add(src); })(); $(document).ready(function() { $("#tabBox ul").idTabs(); });

초코쪼꼬 · Answer

if(!contents) // 이거 오류입니다. 내부에서 선언한거 모르고 물어본게 아니라 -_-;;; element 호출 방식을 잘못 쓰셨네요.간단하게 ie에서 저 분기문쪽에 breakPoint 찍어놓고 contents를 ie와 chrome에서 한번씩 불러보세요. 왜 오류인지 바로 아실거 같네요. common.js는 좀 보고 말씀드릴게요.

초코쪼꼬 · Answer

function visual() {console.log(jQuery(&#34;.mainVisual>.controller2 a&#34;).eq(vCurNum).find(&#34;img&#34;).attr(&#34;src&#34;, jQuery(&#34;.mainVisual>.controller2 a&#34;).eq(vCurNum).find(&#34;img&#34;).attr(&#34;src&#34;)); // 이값이 무슨 값이 나오는지 확인 부탁드려요. jQuery(&#34;.mainVisual>.controller2 a&#34;).eq(vCurNum).find(&#34;img&#34;).attr(&#34;src&#34;, jQuery(&#34;.mainVisual>.controller2 a&#34;).eq(vCurNum).find(&#34;img&#34;).attr(&#34;src&#34;).replace(&#34;_up.png&#34;, &#34;.png&#34;));... 생략 ... 아마 아무값도 안나올거 같긴한데.. null로 말이죠.

chibi · Answer

초코쪼꼬 왜 익스플로러에서만 이런 오류가 나는건가요?? 이해를 못하겠어서요

chibi · Answer

초코쪼꼬 코드를 다시 한번 유심히 훑어보니까 스크립트에 변수 선언이 왜인지 지워져 있었네요 이제 해결됐습니다 :) 오히려 크롬이랑 엣지에서 작동되던게 이상하게 느껴지게 됐네요..ㅎㅎ 친절하고 자세하게 답변해 주셔서 감사합니다.

익스플로러 스크립트 오류 질문입니다

9개의 답변

#explorer 목록