Question

我有一个ASPxButton以不同格式从网页导出一些数据。有一个下拉（组合框）导出格式列表。选择格式后，页面必须重新加载。如果在完全重新加载页面之前单击该按钮会出现问题，因此我想要禁用单击该按钮的功能，直到页面完全加载为止。

如何使用jQuery执行此操作？

Answer 1

在HTML中设置按钮的禁用属性，然后在jQuery中启用它（通过删除已禁用的属性），当DOM准备就绪时。

HTML：

<button id="foo" disabled="disabled">Click Me!</button>

JS：

$(function() {
  $("#foo").removeAttr("disabled");
});

Answer 2

最初保持禁用按钮并在document准备好后启用。更改组合框/下拉列表时，请使用.on()和change as event。像这样。

<强> HTML

<button id="btn" disabled="disabled">Export</button>

<强> JS

//Enabled after document is ready
$(document).ready(function(){
    $('#btn').removeAttr('disabled');
});
//Disabled when dropdownlist is changed
$(document).on('change', 'combobox #id or .class', function(event) {
    $('#btn').attr('disabled', 'disabled');
});

禁用ASP.Net按钮单击，直到页面加载完毕

2 个答案: