그누보드 최신버전 + bxslider 적용시 에러발생 채택완료
일단 오류가 뜹니다. 그냥 HTML에 bxslider 적용하면 정상이구요, 그누5 최신버전에 bxslider 코드 삽입했더니 아래와 같은 오류가 나오네요,
jqmigrate 1.4.1?인가 기본으로 되어있는데도 그렇군요...
-------------------------------------------------------------------------------------------------------------------
A cookie associated with a cross-site resource at http://bxslider.com/ was set without the `SameSite` attribute. A future release of Chrome will only deliver cookies with cross-site requests if they are set with `SameSite=None` and `Secure`. You can review cookies in developer tools under Application>Storage>Cookies and see more details at https://www.chromestatus.com/feature/5088147346030592 and https://www.chromestatus.com/feature/5633521622188032.
DevTools failed to parse SourceMap: chrome-extension://cfhdojbkjhnklbpkdaibdccddilifddb/include.preload.js.map
DevTools failed to parse SourceMap: chrome-extension://hdokiejnpimakedhajhdlcegeplioahd/sourcemaps/onloadwff.js.map
jquery-migrate-1.4.1.min.js:2 JQMIGRATE: Migrate is installed, version 1.4.1
DevTools failed to parse SourceMap: chrome-extension://cfhdojbkjhnklbpkdaibdccddilifddb/include.postload.js.map
jquery.min.js:2 jQuery.Deferred exception: $(...).bxSlider is not a function TypeError: $(...).bxSlider is not a function
at HTMLDocument.
답변 1개
</p>
<p><link rel="stylesheet" href="<a href="https://cdn.jsdelivr.net/bxslider/4.2.12/jquery.bxslider.css">" target="_blank" rel="noopener noreferrer">https://cdn.jsdelivr.net/bxslider/4.2.12/jquery.bxslider.css"></a>
<script src="<a href="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>" target="_blank" rel="noopener noreferrer">https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script></a>
<script src="<a href="https://cdn.jsdelivr.net/bxslider/4.2.12/jquery.bxslider.min.js"></script>" target="_blank" rel="noopener noreferrer">https://cdn.jsdelivr.net/bxslider/4.2.12/jquery.bxslider.min.js"></script></a>
<link href="<a href="http://webdesign.dothome.co.kr/theme/portfolio/images/favicon.png"" target="_blank" rel="noopener noreferrer">http://webdesign.dothome.co.kr/theme/portfolio/images/favicon.png"</a> rel="shortcut icon">
<link href="<a href="http://webdesign.dothome.co.kr/theme/portfolio/css/theme_v1.css"" target="_blank" rel="noopener noreferrer">http://webdesign.dothome.co.kr/theme/portfolio/css/theme_v1.css"</a> rel="stylesheet">
<script>
$(document).ready(function(){
$('.slider').bxSlider();
});
</script>
<script src="<a href="http://webdesign.dothome.co.kr/js/jquery-1.12.4.min.js"></script>" target="_blank" rel="noopener noreferrer">http://webdesign.dothome.co.kr/js/jquery-1.12.4.min.js"></script></a>
<script src="<a href="http://webdesign.dothome.co.kr/js/jquery-migrate-1.4.1.min.js"></script>" target="_blank" rel="noopener noreferrer">http://webdesign.dothome.co.kr/js/jquery-migrate-1.4.1.min.js"></script></a>
<script src="<a href="http://webdesign.dothome.co.kr/js/jquery.menu.js?ver=191202"></script>" target="_blank" rel="noopener noreferrer">http://webdesign.dothome.co.kr/js/jquery.menu.js?ver=191202"></script></a>
<script src="<a href="http://webdesign.dothome.co.kr/js/common.js?ver=191202"></script>" target="_blank" rel="noopener noreferrer">http://webdesign.dothome.co.kr/js/common.js?ver=191202"></script></a>
<script src="<a href="http://webdesign.dothome.co.kr/js/wrest.js?ver=191202"></script>" target="_blank" rel="noopener noreferrer">http://webdesign.dothome.co.kr/js/wrest.js?ver=191202"></script></a>
<script src="<a href="http://webdesign.dothome.co.kr/js/placeholders.min.js"></script>" target="_blank" rel="noopener noreferrer">http://webdesign.dothome.co.kr/js/placeholders.min.js"></script></a>
해당 사이트 소스를 보면 jquery선언보다 bx슬라이더 js파일 및 관련 선언이 먼저 되어있습니다
순서가 잘못된것 같네요.
jquery를 불러 온 후 해당 플러그인을 불러와야 정상적으로 동작됩니다.
해당 스크립트를 jquery 구문보다 밑으로 입력하시면 될 듯 합니다
답변에 대한 댓글 1개
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인