javascript - 提交模式弹出窗口时无法禁用.btn-default

我正在asp.net vmc5上工作，正在使用bootstrap 3.0＆jQuery 1.10.2，现在我编写了以下脚本：

function bindForm(dialog) {
    $('form', dialog).submit(function () {
        $('.btn btn-default').prop("disabled", "disabled");
        $('#progress').show();
        if ($(this).valid()) {

            $.ajax({
                url: this.action,
                type: this.method,
                data: $(this).serialize(),

我提交的模式弹出窗口如下：

 <div class="form-group">
            <div class="col-md-offset-2 col-md-10">
                <input type="submit" value="Save" class="btn btn-default" /> |  @Html.ActionLink("Back to List", "Index")
            </div>
        </div>
    </div>
}
<span id="progress" class="text-center" style="display: none;">
                <img src="~/img/ajax-loaders/ajax-loader-5.gif" alt="wait" />
                Wait..
            </span>

但是现在当我提交表单时，将显示进度图像（如脚本内所述），但是提交按钮不会被禁用？任何人都可以在此提出意见吗？
谢谢

最佳答案

您的选择器无效，请尝试以下操作：

 $('.btn.btn-default').prop("disabled", "disabled");

关于javascript - 提交模式弹出窗口时无法禁用.btn-default，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/28111273/