bxslider 질문이면서 구문오류 질문입니다.
본문
bx슬라이더가 3개라서
for 문으로 만드려고 합니다..
for (i=1;1<4 ; 1++)
{
'mySlider'+i = $('.bxslider'+i).bxSlider({
auto: true,
autoControls: true,
stopAutoOnClick: true,
pager: true,
slideWidth: 600,
pagerCustom: '#bx-pager'+i
});
}
근데 ㅠㅠ
invalid left-hand side in assignment 오류
이런 오류가 납니다.
무슨 좌변항수? 모라는건지 모르겠습니다.. 혹시 경험해보셨거나 해결하신분 있으신가요 ,,
조언 부탁드립니다.
답변 2
'mySlider'+i = $('.bxslider'+i).bxSlider({ 을
$('.bxslider'+i).bxSlider({ 이렇게 해보세요.
오류는 해결됐습니다 감사합니다 ㅎㅎ
근데 이게 탭구조라,,
변수로 묶을 필요가 있는데....
ㅠㅠㅠㅠㅠ
for (i=1;i<4 ; i++)
{
'mySlider'+i = $('.bxslider'+i).bxSlider({
auto: true,
autoControls: true,
stopAutoOnClick: true,
pager: true,
slideWidth: 600,
pagerCustom: '#bx-pager'+i
});
}
$(".tab1").click(function() {
$(this).show();
mySlider1.reloadSlider();
});
$(".tab2").click(function() {
$(this).show();
mySlider2.reloadSlider();
});
$(".tab3").click(function() {
$(this).show();
mySlider3.reloadSlider();
});
풀코드 입니다.
var mySlider= new Array();
배열 정의를 for문위에 하시고
for문에 아래와 같이 해보세요.
mySlider[i] = $('.bxslider'+i).bxSlider({
mySlider1.reloadSlider(); 는
mySlider[1].reloadSlider();
var mySlider= new Array();
for (i=1;i<4 ; i++)
{
mySlider[i] = $('.bxslider'+i).bxSlider({
auto: true,
autoControls: true,
stopAutoOnClick: true,
pager: true,
slideWidth: 600,
pagerCustom: '#bx-pager'+i
});
$(".tab"+i).click(function() {
mySlider[i].reloadSlider();
});
}
오류는 안나지만,,
ㅠㅠㅠ
for (i=1;i<4 ; i++)
네 그건 고쳣습니다.. 제가 잘못썻더라구요
