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

Question

我正在开发 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>

但是现在当我提交表单时，将显示进度图像(如脚本内所述)，但提交按钮不会被禁用？有人可以对此提出建议吗？谢谢

Answer 1

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

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