Javascript 防止$element.on(';单击';)在加载ajax之前

Javascript 防止$element.on(';单击';)在加载ajax之前,javascript,jquery,ajax,Javascript,Jquery,Ajax,我正在进行和ajax调用,并将结果存储在一个数组中。加载第一组数据后,我将使用“下一步”和“上一步”按钮在数组中导航 在加载第一组数据之前,我想阻止任何$(element).on('click')事件发生 有没有办法做到这一点 我已经尝试使用 $(element).unbind('click'); 用于加载文档时,然后 $(element).bind('click'); 当ajax调用成功,但仍然单击下一个或上一个链接时,仍然会触发 $('#next #prev').on('click',

我正在进行和ajax调用,并将结果存储在一个数组中。加载第一组数据后,我将使用“下一步”和“上一步”按钮在数组中导航

在加载第一组数据之前,我想阻止任何$(element).on('click')事件发生

有没有办法做到这一点

我已经尝试使用

$(element).unbind('click');
用于加载文档时,然后

$(element).bind('click');
当ajax调用成功,但仍然单击下一个或上一个链接时,仍然会触发

$('#next #prev').on('click', function () {
     //my code to navigate through the array here. 
});

有人知道我如何在ajax加载之前完成阻止此事件的触发吗

您可以在默认情况下禁用它们,并且在ajax成功回调中,您可以通过如下方式打开它们:

$(element).prop("disabled", false); // Element will get enabled for clicking
我将立即更新答案,因为它不适用于相关人员,要禁用按钮,请执行以下操作:

$(element).attr(“disabled”, true);
在ajax调用的成功回调中,您需要执行以下操作:

$(element).removeAttr('disabled');
或者你可以

$('#next #prev').hide();
// done?
$('#next #prev').show();

据我所知,你在选择器上犯了一个错误。可能应该是
$('#next,#prev')$(“#next”).prop(“disabled”,true)
然后在我的ajax启动后,我做了一个
$('#next').prop(“disabled”,true)
您是否建议我添加此属性,然后在调用我的
$('#元素')之前检查它?它添加属性,但即使在我检查属性时,它仍会触发事件。现在我得到一个警告,
“Attr.nodeValue”已被弃用。请改用“value”。
这可能就是它不起作用的原因。我很可能会显示和隐藏链接,但这仍然没有解决我的问题。
$('#next #prev').hide();
// done?
$('#next #prev').show();