묻고답하기
두개의 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 님 감사합니다
끌올립니다