묻고답하기
page_full_width" class="col-xs-12" |cond="$__Context->page_full_width">
두개의 script 가 동시에 적용되지 않습니다
2015.07.15 15:23
<script> <!--@if(Mobile::isMobileCheckByAgent())--> <!--@else--> jQuery(document).ready(function(){ jQuery(window).scroll(function(){ if ($(window).scrollTop() > 150){ jQuery('.swiper-container').css('background','rgba(243,243,243,1'); jQuery('.swiper-slide a').css('color','#333'); jQuery('.swiper-slide a.on, swiper-slide a:hover').css('border-bottom-color','#333'); } else if (jQuery(window).scrollTop() < 150){ jQuery('.swiper-container').css('background','rgba(0,0,0,0)'); jQuery('.swiper-slide a').css('color','#fff'); jQuery('.swiper-slide a.on, swiper-slide a:hover').css('border-bottom-color','#fff'); } }); }); <!--@end--> </script> <script> var elem = document.querySelector('#mgrid'); var msnry = new Masonry( elem, { // options itemSelector: '.vnbox', columnWidth: 0, }); </script>
위의 두 스크립트중 아래의 masonry 스크립트만 정상적으로 기능하네요
masonry 스크립트를 지우면 위의 제이쿼리 스크립트도 정상적으로 작동합니다.
제가 기초가 좀 부족해서 해메고 있네요 ㅠㅠ
둘 다 작동이 잘 되게 하려면 어떻게 수정해야할까요? 조언부탁드립니다 ( _ _ )
댓글 4
-
inJin
2015.07.16 10:44
-
<script> jQuery(document).ready(function($){ <!--@if(!Mobile::isMobileCheckByAgent())--> $(window).scroll(function(){ if ($(window).scrollTop() > 150){ $('.swiper-container').css('background','rgba(243,243,243,1'); $('.swiper-slide a').css('color','#333'); $('.swiper-slide a.on, swiper-slide a:hover').css('border-bottom-color','#333'); } else if($(window).scrollTop() < 150){ $('.swiper-container').css('background','rgba(0,0,0,0)'); $('.swiper-slide a').css('color','#fff'); $('.swiper-slide a.on, swiper-slide a:hover').css('border-bottom-color','#fff'); } }); <!--@endif--> var elem = $('#mgrid'); var msnry = new Masonry(elem, { // options itemSelector: '.vnbox', columnWidth: 0, }); }); </script>
-
inJin
2015.07.16 11:26
YJSoft 님 먼저 귀한 시간 내주셔서 감사합니다. 그런데 고쳐주신대로 수정해보니 masonry가 다시 작동하지 않네요. 문제가 복잡한건지.. 그냥 소스가 엉킨게 원인일까요? 더 부탁드리기도 죄송해서, 부담없이 가벼운 진단이라도 주시면 스스로 해결해보겠습니다.
-
inJin
2015.07.16 12:18
도움 주신 부분 참고하여 다행히 잘 해결했습니다. YJSoft 님 감사합니다
글쓴이 | 제목 | 최종 글 |
---|---|---|
XE | 공지 글 쓰기,삭제 운영방식 변경 공지 [16] | 2019.03.05 by 남기남 |
boy2 | jQuery 질문 | |
QydQNd |
스케치북 모바일 게시판 밀림 현상
[1]
![]() | 2015.07.16 by ImpactCC |
가을풍경 |
스케치북 게시판 뷰어로 보기가 안돼요!!!
[2]
![]() | 2015.07.16 by 가을풍경 |
아뜰리에80 | 회원가입시 이메일주소 폼 삭제방법좀 알려주세요 ㅠㅠ [2] | 2015.07.16 by 박노열 |
xemaker | is_dir 오류.. [2] | 2015.07.15 by xemaker |
newi | 1.8.6 버전CKEditor 파일 첨부 문제 [1] | 2015.07.15 by 로이조52 |
서기에요 | XE 안전한 버전이 몇버전 일까여? [2] | 2015.07.15 by 기진곰 |
레망 | 1.8.6 업데이트 이후 카페에서 글쓰기 저장이 안됩니다. [4] | 2015.07.15 by 레망 |
yoyoya | xe에서 이미지 외부 링크 차단에 대해서 [4] | 2015.07.15 by yoyoya |
소영짜응 | 모듈을 개발중입니다^^ DB관련 너무 궁금 | |
가브리엘조 | 클라우드플레어-관리자페이지 접속 불가 [4] | 2015.07.15 by 가브리엘조 |
APAPAPAP |
모듈 삭제 시키는 버튼 어떻게 만드는 건가요?
[1]
![]() | 2015.07.15 by sejin7940 |
홈페이지어려워요 |
팝업 에러 찾았어요 해결 어떻게 하죠?
[2]
![]() | 2015.07.15 by 홈페이지어려워요 |
나무속고양이 | contact us 메세지 보내기 하는 방법 | |
제이니스 | 코어 업데이트시 오류메시지 확인좀 해주세요~ | |
김수한무 | 오픈소스 가져오는 방법 질문입니다. [4] | 2015.07.15 by 김수한무 |
zzzkse**** | 제발 도와주세요ㅠㅡㅠ [1] | 2015.07.15 by 로이조52 |
KimJaeMinFD |
회원 약관 애드온 에러 문제
![]() | |
에다 | 갑자기 익스플로러에서 다국어 전환이 안되네요.. [2] | 2015.07.15 by 에다 |
bedam | 혹시 왜그러는지 아세요?? [7] | 2015.07.15 by 감사하는마음이죠 |
끌올립니다