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

就像它说你需要使用button来使用disabled属性。

如果您真的希望继续使用div和a：

，则有其他可能性

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

通过jQuery禁用按钮不起作用

3 个答案: