I have a list of functions, when I run this code, only the very last in the list chooseimg5(); is running, giving the number 1. I need different numbers to show as stated in the functions.
Any advice?
jsfiddle: http://ift.tt/1tZHBjC
$(document).ready(function(){
$("ol").on("click", ".ui-state-default", function(){
$(this).addClass("ui-selected");
var getid = $(this).attr('id');
var imgid = $(".photoWrapper").find('img').attr('id');
var number1 = $("#number1");
var number2 = $("#number2");
var number3 = $("#number3");
var number4 = $("#number4");
var number5 = $("#number5");
var number6 = $("#number6");
var number7 = $("#number7");
var number8 = $("#number8");
var l1 = $("#l1");
var l2 = $("#l2");
var l3 = $("#l3");
var l4 = $("#l4");
var l5 = $("#l5");
var l6 = $("#l6");
function chooseimg() {
if (getid = number1 || number7) {
$(".photoWrapper img").hide();
$(".photoWrapper #l6").show().delay(500).fadeOut();
} else {
$(".photoWrapper img").hide();
}
};
function chooseimg1() {
if (getid = number2 || number8) {
$(".photoWrapper img").hide();
$(".photoWrapper #l5").show().delay(500).fadeOut();
} else {
$(".photoWrapper img").hide();
}
};
function chooseimg2() {
if (getid = number3 || number9) {
$(".photoWrapper img").hide();
$(".photoWrapper #l4").show().delay(500).fadeOut();
} else {
$(".photoWrapper img").hide();
}
};
function chooseimg3() {
if (getid = number4 || number10) {
$(".photoWrapper img").hide();
$(".photoWrapper #l3").show().delay(500).fadeOut();
} else {
$(".photoWrapper img").hide();
}
};
function chooseimg4() {
if (getid = number5 || number11) {
$(".photoWrapper img").hide();
$(".photoWrapper #l2").show().delay(500).fadeOut();
} else {
$(".photoWrapper img").hide();
}
};
function chooseimg5() {
if (getid = number6 || number12) {
$(".photoWrapper img").hide();
$(".photoWrapper #l1").show().delay(500).fadeOut();
} else {
$(".photoWrapper img").hide();
}
};
chooseimg();
chooseimg1();
chooseimg2();
chooseimg3();
chooseimg4();
chooseimg5();
var numItems = $(".ui-selected").length;
if(numItems == 3 ) {
$("ol").find("li").removeClass("ui-selected").addClass("ui-state-default");
$(".photoWrapper").find('img').hide();
};
});
});
Aucun commentaire:
Enregistrer un commentaire