jQuery按钮在第一次点击时不起作用，只有第二次答案

【问题标题】：jQuery button doesn't work on first click, only secondjQuery按钮在第一次点击时不起作用，只有第二次
【发布时间】：2016-08-18 14:01:55
【问题描述】：

您好，我在学习 jQuery 时正在玩代码，但我不知道如何使登录按钮在第一次单击时起作用。目前它只适用于第二次点击。

$('#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

【问题讨论】：

第一次在你的 CodePen 中为我工作
当我尝试使用设置为“Endra”的用户名登录时，我必须点击两次。

标签： jquery button click

【解决方案1】：

您有一个“.click”来调用该函数，并且在您的代码中，您有第二个“.click”作为您的主按钮。

删除它;)

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

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

【讨论】：