Question

我的网页上有一个next按钮和一个按钮，当我点击其中一个按钮时，应该将一些数据加载到页面中。我想停止在加载数据时单击这些按钮的功能。我能做到吗???

<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);
        });

停止点击按钮一段时间的能力

2 个答案: