Скрипт срабатывает на половину
Есть слайдер и кнопка. При смене картинки в слайдер в кнопке меняется alt. Можно нажать на кнопку и добавить нынешний alt в "заказ"(coockies) - AddDress(). Идет проверка есть ли нынешний alt в coockies и если совпадает - кнопка меняется - Orderimg(). Так вот проблема в том, что "срабатывает" только с последним добавленным номером. Остальные не срабатывают и стиль кнопки btn не меняется.
$(window).ready(function() {
$('.flexslider').flexslider({
after: function(slider){
var curSlide = slider.find("li:nth-of-type("+(slider.currentSlide+1)+") img")[0];
var url = $(curSlide).attr('imgid');
$("#btn").prop("alt", url);
orderimg();
},
});
});
var elementList = document.querySelectorAll('input.dressadd');
for (i = 0; i < elementList.length; i++) {
elementList[i].onclick = AddDress;
}
$(document).on('click','.dressadd',function(){
orderimg();
});
function AddDress(e) {
var c = getCookie2('m_ids');
var t = $(this).attr("alt");
var img = getCookie2('img_ids');
if (img) {
var a1 = img.split(',');
for (i = 0; i < a1.length; i++) {
if (a1[i] == btn.alt) {
return false;
}
}
a1.push(btn.alt);
setCookie('img_ids', a1.join(','), '', '/');
} else {
setCookie('img_ids', btn.alt, '', '/');
}
orderimg ();
}
function orderimg() {
var c = getCookie2('img_ids');
var b = document.getElementById('btn');
if (c) {
var a = c.split(',');
for (var i = 0; i < a.length; i++) {
if (a[i] == b.alt) {
$('#btn').addClass("bz");
$('#btn').val('❤ В корзине');
$('#btn').attr('disabled',true);
}
else {
$('#btn').removeClass("bz");
$('#btn').val('✎ Добавить в заказ');
$('#btn').attr('disabled',false);
}
}
}
}
<ol class="flex-control-nav flex-control-thumbs">
<li><img src="/images/cat/big_7687.jpg" class="flex-active" draggable="false"></li>
<li><img src="/images/cat/big_7688.jpg" draggable="false"></li>
<li><img src="/images/cat/big_7689.jpg" draggable="false"></li>
<li><img src="/images/cat/big_7690.jpg" draggable="false"></li>
</ol>
<input class="dressadd" value="Добавить в заказ" alt="7687" id="btn">