javascript - 暂时停止单击按钮的能力

Question

我的网页中有一个下一个按钮和一个上一个按钮，当我单击其中一个时，应该将一些数据加载到页面中。我想在数据加载时停止单击这些按钮的能力。我可以这样做吗？？？

<div class="final_dates_container">
            <table border="1">
                <tr>
                    <td class="left"><a href="#" onclick="prev_date();"><img class="left_image" src="./include-images/left_arrow.png"/></a></td>

                    <td class="right"><a href="#" onclick="next_date();"><img class="right_image" src="./include-images/right_arrow.png"/></a></td>
                </tr>
            </table>
        </div>

Answer 1

是的，如果你正在使用，ajax那么你可以disable其他buttons喜欢

上一页点击功能

$.ajax({
    ....
    beforeSend:function(){
       $('#next').prop('disable',true);// disable next button
    }
    success:function(){
       //your code
       $('#next').removeAttr('disable');// remove disable attribute from here
    }
});

Answer 2

您也可以使用 ajax 全局函数来执行此操作

            $(document).ajaxStart(function () {
            $("#btnSubmit").attr("disabled", true);
        });
        $(document).ajaxComplete(function () {
            $("#btnSubmit").attr("disabled", false);
        });