묻고답하기
웹콘 위젯을 사용하는데 js충돌이 있나봅니다 사용할 수 있도록 도와주실 분 찾습니다 ㅠ..시간 나시고 그렇게 여유가 되시는 그런 분이 계시면 좋겠네요!! 틈틈히 한 달을 보냈지만 잘 안되네요 ㅠ 답글 안달릴 것 같은 예감 ㅠ
2014.09.02 15:09
한 달동안 고민했고 나름 여차저차 해보려 했는데 안되네요..
http://www.cococob.com/index.php?mid=page_tcro02
제 사이트이구요..
보시면 아시겠지만 오류가 잡히네요...
원래 슬라이더가 이렇게 나오는 것이 아닙니다..
http://webconsoft.co.kr/webcon_p_widgets/2158
의 예시와 같이 나와야 하는데 효과를 위한 js가 로딩이 안되네요..
이 슬라이더의 list.html파일에는
<!--%import("./css/widget.css")-->
<!--%import("./css/jquery.bxslider.css")-->
이랑
<script type="text/javascript" charset="utf-8">
$(window).load(function() {
var slide_type = "{$slide_type}";
var unique = Number("{$unique}");
var navi_btn = "{$navi_btn}";
if(navi_btn == "N") pager = false;
else pager = true;
var auto_slide = "{$auto_slide}";
if(auto_slide == "N")autoslide = false;
else autoslide = true;
var auto_slide_delay = Number("{$auto_slide_delay}");
$('.bxSlider_{$unique}').bxSlider({
mode:slide_type,
speed:600,
touchEnabled:true,
nextSelector: '#btn_{$unique} #slider-next',
prevSelector: '#btn_{$unique} #slider-prev',
nextText: '>',
prevText: '<',
pager:pager,
hideControlOnEnd: true,
auto:autoslide,
pause:auto_slide_delay
})
});
</script>
와 같은 부분은 있는데, 웹콘님 사이트에서 로딩하고 있는 jquery.touchSlider.js 등과 같은 부분은 적혀있지 않더군요
원래 안적어도 작동되는 것인가요??..
저는 레이아웃 만들 때 꼭 js를 로딩해야 효과가 나오길래 html에다가 <load 해서 만들었는데 위젯에 그런부분이 없어서 이게 문제인가 싶은생각이 들었습니다..
제가 잘 몰라서 그런거긴한데 제작자님은 보름넘게 바쁘셔서 사이트를 돌보지 못하시는 것 같구...
이 위젯은 충돌없이 사용하고 싶고 해서..
위젯이 작동할 수 있게 수정해 주실수 있는 분이 있었으면 좋겠네요,,크흑
댓글 14
-
앙띠2
2014.09.03 06:31
-
$(~~~)에서 $를 다 jQuery로 바꿔보세요.
-
<script type="text/javascript" charset="utf-8">jQuery(window).load(function() {var slide_type = "{$slide_type}";var unique = Number("{$unique}");var navi_btn = "{$navi_btn}";if(navi_btn == "N") pager = false;else pager = true;var auto_slide = "{$auto_slide}";if(auto_slide == "N")autoslide = false;else autoslide = true;var auto_slide_delay = Number("{$auto_slide_delay}");jQuery('.bxSlider_{$unique}').bxSlider({mode:slide_type,speed:600,touchEnabled:true,nextSelector: '#btn_{$unique} #slider-next',prevSelector: '#btn_{$unique} #slider-prev',nextText: '>',prevText: '<',pager:pager,hideControlOnEnd: true,auto:autoslide,pause:auto_slide_delay})});</script>이렇게 맞나요?? ㅠ 오류가 남아있네요 이것만으로 부족한가봐요..!!
-
위젯 자체에 결함이 있는것은 아닌가요?? ;ㅅ;
-
;ㅅ;...
-
Happyphp
2014.09.03 18:26
bxslider은 xe에 잘돌아가는 스크립트인데요. LI-NA 말씀과 같이 해보세요, 잘되실겁니다.
-
미치것숨다 저좀도와주세요 ㅠㅠ
-
CTN
2014.09.05 02:09
제가 볼 때 위의 소스는 bxslider의 옵션값들입니다. bxslider.com에 가보시면 아시겠지만 기본적으로 세가지를 불러옵니다.
<!-- jQuery library (served from Google) --> <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script> <!-- bxSlider Javascript file --> <script src="/js/jquery.bxslider.min.js"></script> <!-- bxSlider CSS file --> <link href="/lib/jquery.bxslider.css" rel="stylesheet" />
jQuery의 경우에는 1.7 버전이상은 위의 버전보다 상위버전이 XE에 심겨져 있는 걸로 알고 있습니다. 그래서 jquery.bxslider.min.js 파일과 jquery.bxslider.css 파일 두개만 있더도 XE에서 정상작동하는 걸로 알고 있습니다.
위에 링크 걸린 곳에 가서 보았는데 저는 무엇이 문제인지를 파악하지 못했습니다. 뭘 봐야하는 지를 몰라서요. 비교 대상이 어떤 것이 문제인지 알지를 못해서 답을 달아드리기가 애매했습니다. mode:slide_type 이 부분은 옵션에서 fade, horizontal, vertical 선택하는 부분을 변수값으로 처리하기 위한 것인것 같구요. unique 변수 값은 한 페이지에 두개 이상의 bxslider를 사용할 때 충돌을 방지하기 위해서 유니크한 값을 구하기 위한 것일겁니다. 다만 지금 보았을 때는 그 유니크한 값을 구하기 위해서 mt_rand 나 rand 함수를 이용해서 고유의 값을 얻어와야 하는데 이 부분이 좀 애매해 보입니다. 나머지 pager나 기타 옵션 값들은 여기가셔서 해당 옵션들이 여기에서 어떻게 변수로 사용되고 있는지만 파악하시면 됩니다. 정말 오랜만에 친구만나서 소주한잔하고 들어와서 자려다가 잠시 아이패드 꺼내서 XE소식 보고 자려는데 어제부터 이 질문이 눈에 아련하더군요. 제가 보았을 때는 두 가지 문제입니다.
첫 번째는 jquery 충돌 부분이구요. 충돌이라면 슬라이드가 정상동작하지 않았을 거구요. 한 페이지에 두 개 이상 사용이라면 유니크 값을 어떻게 추출하고 있는지를 검토해 보아야 할 것 같습니다. 이외의 위 소스로 어떤 문제를 파악하기는 쉽지 않습니다. 가장 어려운 것은 첫 번째 링크롸 두 번째 정상 동작한다는 것의 링크에서 무엇이 문제인지를 모르는 상태에서 답을 달기가 쉽지 않다는 것입니다^^
오류가 잡히네요... 이 말이 가장 어려운 부분입니다. 아직도 어디가 오류가 잡히는지 제가 못찾고 이렇게 동문서답하는지도 모르겠습니다. 분명한 것은 엉크러져있을 때는 가장 첫 소스의 시작부터 하나씩 뜯어서 원 소스들과 비교를 해 보아야 한다는 것입니다. bxslider에서 jquery.touchSlider.js 이 소스를 본적은 없었던 것 같습니다. 횡설수설해서 죄송합니다. 어지러움도 동반되고 하지만 같은 유저로서 빨리 해결이 되셨으면 합니다. 이치겠다는 저말이 동병상련을 앓는 것 같아서...
-
으허엏어허어엉 무슨 말인지 모르겠지만 너무 감사해요 ㅠㅠㅠㅠㅠㅠㅠㅠ
-
이 슬라이드 위젯은
http://webconsoft.co.kr/webcon_p_widgets/2158
여기에서 다운받은 것 입니다. 근데 잘 안되요,,,기본레이아웃에다가 붙여넣어도 안되요 ㅠ.ㅜ 주인장님 안오세요 ㅠㅠㅠㅠ
-
공수래
2014.09.07 04:53
<!--%import("./css/widget.css")--> 윗줄에 <load target="/common/js/jquery.min.js"/> jQuery파일 로드 문장을 넣어보세요.
$('.bxSlider_{$unique}').bxSlider 부분에서 에러가 나는데 jQuery파일 로드를 못하는것 같아요.
-
그대로 해 보고 있겠습니다 혹시 시간되면 한 번 다시 방문해주셔서 문제좀 알려주셨음 좋겠어요 ㅠ_ㅜ
일단 그렇게 해도 오류는 해결되지 않네요..(혹시나해서 xe 의 jquery를 layout.html에 로딩시켰더니
Uncaught Error: Syntax error, unrecognized expression: .bxSlider_{$unique} jquery.min.js:4
라는 오류를 얻었습니다.
위젯쪽 list.html에 혹시나해서 <load target="js/jquery.bxslider.min.js"/> 방식으로 js를 로딩해보았지만 상황이 변하진 않네요..
충돌이 있긴 있을거란 생각은 드는게 보시면 아시겠지만..
제 layout.html에는 부트스트랩.js와
<load target="js/jquery.mmenu.js" type="body"/> (모바일 반응형을 위해)
<load target="js/tab.js" type="body"/>를(메인메뉴탭을 위해) 로딩하고 있구요..
끙..이 위젯(http://webconsoft.co.kr/webcon_p_widgets/2158)이 원래 터치로 슬라이드가 되는 위젯이거든요..
그래서 단지 위젯이 출력되는 것만이 아니라... 페이지 넘버를 표시해주는 부분이 밑에 js를 이용해서 표시도 되고 터치로 슬라이드도 시키고 할 수 있는 것인데 그게 로딩이 안되는 상황입니다..
-
나만의너
2014.09.17 13:33
저한테는 오류가 없이 보이는데.. 혹시 고치신건지..
혹시 몰라서 댓글남기는데요 저역시 초보라 ㅎㅎ
저도 웹콘슬라이드 위젯 적용할때 애먹어었는데요. 이것저것 다 해보다가 안됐는데
레이아웃 최상단에다가
<script src="http://code.jquery.com/jquery-1.7.2.min.js"></script>
<script src="/widgets/webcon_wslider/js/jquery.mousewheel.min.js"></script>
<script src="/widgets/webcon_wslider/js/jquery.cookie.js"></script>
이렇게 입력했더니 이상없이 돌아가더군요 ㅎㅎ
오류는 보이지 않아서 모르겠는데 혹시 저와같은 오류였을 것 같아 남겨봅니다. ^^
-
mr33
2014.11.07 20:10
감사합니다 저도 비슷한 문제를 겪고 있었는데 도움이 되었습니다 ^^
권한 주시고 쪽지주세요