jQuery button doesn't work on first click, only second

Question

Hello I am playing with code whilst learning jQuery and I can't figure out how to make the Login button to work on first click. At the moment it works only on second click.

$('#login').on({
  'click': function() {

    $('#duck').attr('src', rand);
    if (login_username.value !== 'Endra') {
      $('.login').toggleClass('animated shake');
      $('.babe').html("Hello unknown,enter a name.");

    }

CodePen Link

Not when I try to login with username set to 'Endra' ,I have to click twice. — user6729767
– user6729767, Commented Aug 18, 2016 at 14:38

Puroto · Accepted Answer · 2016-08-18 16:52:51Z

1

You have a ".click" to call the function and further in your code, you have a second ".click" for your primary button.

just remove it ;)

//$('.btn-primary').on('click', function() {

    $('.content').css('display', 'inline').addClass('animated flipInX'); //Change animation for login
//});

answered Aug 18, 2016 at 16:52

Puroto

1531 gold badge3 silver badges16 bronze badges

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

Collectives™ on Stack Overflow

jQuery button doesn't work on first click, only second

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