通过jQuery禁用按钮不起作用

Question

这是我的HTML代码：

<div class='button' id='next'><a href='#'>Next</a></div>
<div class='button' id='prev'><a href='#'>Previous</a></div>

在选择某些内容之前，必须禁用next按钮

JQUERY代码：

if (isNaN(selections[questionCounter])) {
    $('#next').attr('disabled', 'disabled');
}
else {
    questionCounter++;
    displayNext();
}

我不知道该如何解决。 我需要类似的东西http://www.revillweb.com/demos/jQueryDisableButton/jqueryDisableButton.html

Answer 1

在div上禁用是没有意义的。

您需要使用一个button才能将其禁用：

<button class='button' id='next'>Next</button>
<button class='button' id='prev'>Previous</button>

还可以使用JQuery捕获onClick事件。

Answer 2

没有“禁用” <a>或<div>标准方法。 但是您可以.unwrap() <a> 。

<div class='button' id='next'><a href='#'>Next</a></div>
<div class='button' id='prev'><a href='#'>Previous</a></div>

<script>
if (isNaN(selections[questionCounter])) {
    $('#next').contents().unwrap();
}
else {
    questionCounter++;
    displayNext();
}
</script>

Answer 3

就像有人说您需要具有“ disabled使用”属性button 。

如果您确实想与div和a在一起，还有其他可能：

<script>
if (isNaN(selections[questionCounter])) {
    $('#next a').click(function(e) { e.preventDefault(); };
}
else {
    questionCounter++;
    displayNext();
}
</script>