Witam
Po przejściu całego kodu, gdy "limit" osiągnie już "3" to "#add" na stronie dostaje "opacity .3", lecz console.log dalej pokazuje jego opacity jako 1, pomimo jego wyglądu na stronie.
var limit = 0;
var opacityValue = $("#add").css('opacity');
$("#add").on("click", function () {
$(".answer").animate({
opacity: 0.0
},500);
console.log(opacityValue);
addtask();
});
function addtask() {
var task = $("#ideaForm").val();
$(".taskC").append('<div class="input-group"><span class="input-group-btn"><button class="btn btn-success" type="button"><i class="demo-icon icon-ok"></i></button></span><div class="inside"><p>' + task +'</p></div><span class="input-group-btn"><button class="btn btn-danger" type="button"><i class="demo-icon icon-cancel"></i></button></span></div>')
limit ++;
if (limit >=3){
$(".answer").animate({
opacity: 1.0
},500);
$(".answer").html("<p>Limit reached</p>");
$("#add").css('opacity', '.3');
};
};
Chciałbym zastosować po console.log warunek, by funkcja addtask wykonywała się tylko przy opacity #add = 1
Pozdrawiam