Как запускать слайдер с определенного слайда записаного в переменной?

Question

[Вова Будняк]

Есть переменная x, как сделать, чтобы функция StartAt брала ее значение?

$( document ).ready(function() {
	$('.btn-slider').on('click', function() {
       var x = 12,
        $('.sliderPop').show();
        $('.ct-sliderPop-container').addClass('open');
        $('.sliderPop' ).addClass('flexslider');
        $('.ct-sliderPop-container').addClass('slides');
	});
    $('.sliderPop').flexslider({
         
		selector: '.ct-sliderPop-container > .ct-sliderPop',
		slideshow: false,
		controlNav: false,
          startAt: x , 
		controlsContainer: '.ct-sliderPop-container'
	  });

Answer 1

[Александр Епихин]

В обработчике клика нужно прописать:

var x = 12;
$('.sliderPop').flexslider(x)

Answer 2

[ha100790tag]

var x; // объявляем переменную тут, можно let x;
$( document ).ready(function() {
$('.btn-slider').on('click', function() {
x = 12, // изменяем значение переменной тут
$('.sliderPop').show();
$('.ct-sliderPop-container').addClass('open');
$('.sliderPop' ).addClass('flexslider');
$('.ct-sliderPop-container').addClass('slides');
});
$('.sliderPop').flexslider({

selector: '.ct-sliderPop-container > .ct-sliderPop',
slideshow: false,
controlNav: false,
startAt: x ,
controlsContainer: '.ct-sliderPop-container'
});

скорее всего проблема в том, что когда вы инициализируете переменную х внутри колбэка клика, то ее область видимости будет ограничена этим колбэком и после его выполнения переменная будет уничтожена. Чтобы иметь доступ к переменной в любом месте кода попробуйте объявить ее в глобальном контексте.

Comments

[Вова Будняк]

я обьявил, внутри функции изменил, но после завершения функции глобальная переменная всеравно не меняет значения

[ha100790tag]

Вова Будняк, вот простой пример, где видно, что переменная изменяется. Если в Вашем случае этого не происходит, то скорее всего что то еще пошло не так. если есть возможность - предоставте пожалуйста обновленный код и посмотрим, в чем проблема.

[Вова Будняк]

ha100790tag,

var x;

$(".btn-slider").click(function(x){
x = 0;
$('.sliderPop').flexslider({

selector: '.ct-sliderPop-container > .ct-sliderPop',
slideshow: false,
controlNav: false,
startAt: x,
controlsContainer: '.ct-sliderPop-container'
});

$('.ct-sliderPop-close').on('click', function() {
$('.sliderPop').hide();
$('.ct-sliderPop-container').removeClass('open');
$('.sliderPop').removeClass('flexslider');
$('.sliderPop .ct-sliderPop-container').removeClass('slides');
});
});

$(".btn-slider1").click(function(x){
x = 11;

$('.sliderPop').flexslider({

selector: '.ct-sliderPop-container > .ct-sliderPop',
slideshow: false,
controlNav: false,
startAt: x,
controlsContainer: '.ct-sliderPop-container'
});

$('.ct-sliderPop-close').on('click', function() {
$('.sliderPop').hide();
$('.ct-sliderPop-container').removeClass('open');
$('.sliderPop').removeClass('flexslider');
$('.sliderPop .ct-sliderPop-container').removeClass('slides');
});

});



});



$(".btn").click(function(){
$('.sliderPop').show();
$('.ct-sliderPop-container').addClass('open');
$('.sliderPop' ).addClass('flexslider');
$('.ct-sliderPop-container').addClass('slides');

});

Вот код, при нажатии на кнопку должен меняться x, и функия в конце должна брать этот х для StartAT.
Когда я первый раз нажимаю слайдер запускается с правильного слайда, но дальше все кнопки запускают слайдер с одного и того же слайда.

[ha100790tag]

Вова Будняк, попробуйте не передавать x в колбэк клика - он его и так отлично найдет. когда передается аргументом другой x, то это уже совсем другая переменная.