index.html 中的按钮标记始终禁用答案

【问题标题】：button tag alway disabled in index.htmlindex.html 中的按钮标记始终禁用
【发布时间】：2016-01-22 11:36:22
【问题描述】：

我正在开发适用于 Android 的 Phonegap Build 应用程序。我创建了两个带有 onclick 的按钮，它触发了一个 doHelper 函数，该函数将在之后禁用这些按钮。但是由于某种原因，即使在单击按钮之前，这些按钮也总是被禁用。

这是我的代码。

html:

 <div class="gameHelper">
     <div class="row">
     <div class="twelve columns">
         <button  onclick="doHelper('skip')" class="skipAnswer button helperButtons">
             Skip
         </button>

         <button onclick="doHelper('remove')" class="removeOneAnswer button helperButtons">
              Remove 1
          </button>
      </div>
  </div>

js:

function doHelper(helperName) {

    if (helperName == 'skip') {

        var classVar = '.skipAnswer';
        skipAnswerUsed = true;
        $(classVar).attr('disabled', 'disabled');
        $(classVar).css('background-color', 'red');
        submitAnswer(activeNumber);

    } else if (helperName == 'remove') {
        var classVar = '.removeOneAnswer';
        removeOneAnswerUsed = true;
        $(classVar).attr('disabled', 'disabled');
        $(classVar).css('background-color', 'red');
    }

}

css：

.helperButtons {
    width: 49%;
    background-color: green;
    color: white;
}

【问题讨论】：

如果有 .skipAnswer 的 css 可以添加吗？
@user2033402 不，我没有任何类，我只是将它添加到按钮类中以供将来使用，例如这个

标签： javascript jquery html css phonegap-build

【解决方案1】：

我建议将 HTML 与您的 JS 分开。

这可以通过事件处理程序来完成。由于您已经在使用 jQuery，因此这是一种可能的方法：

$('button.skipAnswer').on('click', function () {
   doHelper("skip");
});

$('button.removeOneAnswer').on('click', function () {
   doHelper("remove");
});

https://jsfiddle.net/9jczt3uu/

【讨论】：

【解决方案2】：

你用的是火狐吗？可能是这个问题，我前段时间也遇到过同样的问题......

你可以通过添加来修复它

$(document).ready(function(){
    $(".button").removeAttr('disabled');
});

【讨论】：

【解决方案3】：

您的 HTML 和 Javascript 是正确的。可能还有另一个问题。

【讨论】：

【解决方案4】：

试试这个方法

function doHelper(helperName) {
                    $('button').removeAttr('disabled')
                    $('button').css('background-color', '');
                    if (helperName == 'skip') {

                        var classVar = '.skipAnswer';
                        skipAnswerUsed = true;
                        $(classVar).attr('disabled', '');
                        $(classVar).attr('disabled', 'disabled');
                        $(classVar).css('background-color', 'red');
                        submitAnswer(activeNumber);

                    } else if (helperName == 'remove') {

                        var classVar = '.removeOneAnswer';
                        $(classVar).attr('disabled', '');
                        removeOneAnswerUsed = true;
                        $(classVar).attr('disabled', 'disabled');
                        $(classVar).css('background-color', 'red');
                    }
                }

【讨论】：