Jquery zmienna

Question

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

Answer 1

Hej! A coś takiego?

Swoją drogą kod umieść wg. tej zasady.

M.

Comments

Wszystko ładnie naprawione i zrozumiane. Co do kodu zapamiętam na przyszłość.

Dzięki wielkie za pomoc.