Reference of variable not working in jquery

Question

Will someone please tell me why the first snippet of code doesn't work and the second one does. Is it the issue of variable scoping or any other issue?

jQuery(document).ready(function($) {
    var displayNo = $(".ue-show-success").css('display', 'none');
    var displayYes = $(".ue-show-error").css('display', 'block');

    $(".somebutton").on('click', function() {
        displayNo;
        displayYes.text('some text');
    });
});

The above code doesn't work as expected. But below one does.

jQuery(document).ready(function($) {
    $(".somebutton").on('click', function() {
        $(".ue-show-success").css('display', 'none');
        $(".ue-show-error").css('display', 'block').text('some text');
    });
});

Thanks in advance

isherwood · Accepted Answer · 2020-11-16 14:43:49Z

1

This statement creates an object:

var displayNo = $(".ue-show-success").css('display', 'none');

It is not a callable function. You'd have to do something like this:

var displayNo = function() {
    return $(".ue-show-success").css('display', 'none');
}

You'd then call that function with parentheses, like so:

displayNo();

edited Nov 16, 2020 at 14:43

answered Nov 16, 2020 at 14:41

isherwood

61.4k16 gold badges122 silver badges173 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Reference of variable not working in jquery

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related