묻고답하기
고수님들께 제 사이트 문제 질문 두 개만 좀 올려보겠습니다.. ( j query관련해서..)
2014.06.15 22:04
우선 제 사이트 주소는 [["게시자 요청에 따른 도메인 삭제"]] 입니다.
직접 보셔도 좋습니다 ㅠ_ㅜ
1.
[["게시자 요청에 따른 도메인 삭제"]]/index.php?mid=board_EgUP11&act=dispBoardWrite
이 주소로 가셔서 글을 쓴다면,, 주소검색을 할 때 주소검색창이 나오지 않습니다.......
xe기본에디터를 이용해서 본글을 적고자 하면 아에 선택도 되지 않습니다
왜 이러한 문제가 생기는지 저는 까막눈이기에 코드를 지웠다가 붙였다 반복하면서 문제점을 찾아 보았습니다..
우선..
<!--%import("src/css/jquery.mmenu.all.css")--> <script type="text/javascript" src="src/js/jquery-2.1.1.min.js"> </script> <script type="text/javascript" src="src/js/jquery.mmenu.js"> </script> <script type="text/javascript"> $(function() { $('nav#menu').mmenu(); }); </script> <script type="text/javascript"> // The menu on the left $(function() { $('nav#menu-left').mmenu(); }); // The menu on the right $(function() { var $menu = $('nav#menu-right'); $menu.mmenu({ position : 'right', classes : 'mm-light', dragOpen : true, counters : true, searchfield : true, labels : { fixed : !$.mmenu.support.touch }, header : { add : true, update : true, title : 'Contacts' } }); // Click a menu-item var $confirm = $('#confirmation'); $menu.find( 'li a' ).not( '.mm-subopen' ).not( '.mm-subclose' ).bind( 'click.example', function( e ) { e.preventDefault(); $confirm.show().text( 'You clicked "' + $.trim( $(this).text() ) + '"' ); $('#menu-right').trigger( 'close' ); } ); </script> <!--%import("tab.css")--> <script type="text/javascript" src="src/js/tab.js"> </script> <script type="text/javascript"> function bookmarksite(title,url) { // Internet Explorer if(document.all) { window.external.AddFavorite(url, title); } // Google Chrome else if(window.chrome){ alert("Ctrl+D키를 눌르면 즐겨찾기에 추가됩니다."); } // Firefox else if (window.sidebar) // firefox { window.sidebar.addPanel(title, url, ""); } // Opera else if(window.opera && window.print) { // opera var elem = document.createElement('a'); elem.setAttribute('href',url); elem.setAttribute('title',title); elem.setAttribute('rel','sidebar'); elem.click(); } } </script> <!--%import("demo.css")--> <script type="text/javascript" src="src/js/bootstrap.min.js"> </script>
비전문가라서 엉성하게 코드붙여넣어서 죄송합니다..
위에 보시면 <script type="text/javascript" src="src/js/jquery-2.1.1.min.js"> 가 있는데 이거.. 버전을 바꿔가며 적용해 보았는데 그 때마다 되는 부분이 있고 안되는 부분이 있더군요.
2.1.1 넣으면 주소검색이나/글쓰는 폼이 클릭이 안되고. 다른 것을 넣으면 창을 모바일 사이즈로 줄였을 때 생기는 슬라이드메뉴가 j query적용이 안되서 깨져버립니다 (아마도 <script type="text/javascript" src="src/js/jquery.mmenu.js"> 요 애들이 모바일 사이즈 슬라이드메뉴를 만드는 애들인 것 같은데 이것과 jquery-2.1.1.min.js랑 뭐가 있나 봅니다..)
구글로 검색해 봤더니 충돌해결법이 많이 있는데 이게 충돌인지 코딩이 잘못된 것인지 구분이 잘 안되서 ... 도움좀 받고자 글 올려봅니다..
2. 이것은 음 ..말로 설명하기 어려운데 캡쳐도 안되서 난감합니다.. 1번 문제를 겪다보니 자연스레 알게 되는 것이..
처음 제 사이트에 접속하면 본메뉴 (통계학,, 물리학, 생물학, 수학 ...등등 나오는 메뉴판)가 테이블 형식으로 되었다가(아무래도 테이블로 메뉴를 작성했으니) 속성이 입혀지는 모습이 모니터로 보입니다. 한 번에 쫙 보이는 것이 아니라..
익스플로러가 원래 구글보다 좀 느린게 맞는지 익스플로러(explore11)에서 더 쉽게 관찰됩니다. 안보이시는 분도 계신가봐요 제 컴퓨터들이 성능이 후진 면도 있긴 합니다..그런데 저는 다른 사이트들이 그러는 것을 본 적이 없고 제 사이트만 그러니 '문제'가 아닌가 인식하고 있는 중입니다..
그런데 이게 보아하니 j query로 지정한 메뉴들이 둘 다 그러더군요.. 태블릿 사이즈->모바일 사이즈로 넘어가다 보면 오른쪽 하단에 주황색 버튼이 뜨실겁니다.. 그게 모바일 메뉴 불럴오는 버튼이랍시고 만든건데..
익스플로러 같은데서 새로고침하면 우측 상단에 그 메뉴들이 아무 속성지정되 있지 않은 상태로 '생'으로 나오다가 쏙 사라지는 ...그러니까 마치 '지연'되는 것 같은 느낌이 드는 그런 상황입니다.
j query를 쓰는 중에 충돌이나 코딩오류로 뭐가 제대로 안 돌아가서 그런 일이 일어난 것이 아닌가...저는 그냥 추측할 뿐이네요
혹시 @정도길 님께서 댓글남겨주셨는데 시간이 나실 때 가벼운 맘으로 한 번 봐주셨으면 좋겠습니다..
물론 아무나 답글 환영입니다 -_ㅠㅋ
댓글 4
-
멘탈가루루루루몬
2014.06.16 15:20
-
애니즌
2014.06.16 15:55
1번은 따로 jquery 불러오는 거 날리시고
$()~ 이런식으로 쓴 거 전부 jQuery()~ 로 수정하세요.
2번은 모르겠습니다. 해당 증상이 안나오네요
-
멘탈가루루루루몬
2014.06.17 08:05
조언 감사합니다 비슷한 방법으로 해결할 수 있었습니다 ㅎㅎ
2 번은 다들 좋은 컴퓨터라서 확인조차 안되나바요...
J query 를 쓰는 다른 사이트는 안그런데 제 거만 그래서 답답하네요 ㅠㅜㅋ -
멘탈가루루루루몬
2014.06.17 08:07
아 컴퓨터가 2009 2010 년 전 수준의 성능이면 관찰이 되더군요...;
1번 문제는 해결했습니다.. j qurery 버전을 낮추고 다른 라이브러리와 충돌을 방지하는 작업을 했습니다.
2번문제만 남았군요.. 다른 컴퓨터에서 확인해 봐도 같은 문제가 있기는 있어요 음 단지 성능이 좋은 컴퓨터는 깜박할 사이에 스타일이 잡히는데 후진 컴퓨터는 그게 늦고 그 차이네요..