javascript - onclick执行功能然后单击

Question

单击按钮时，我想触发对正在执行某些 Ajax(后端逻辑)操作的另一个 div 的单击，然后触发按钮上的实际单击。

我尝试了以下方法，但没有成功

$('#button').click(function(event) {
        $("#someDiv").click(); //at this point the ajax content will load..
        return true;
});

Answer 1

您可以使用 bool 值来保存状态并触发对 #button 的点击两次，仅在 ajax 已加载时才执行实际点击。您还可以在发出 ajax 请求时禁用该按钮。

var ajaxLoaded = false;

$('#button').click(function(event) {
    if (!ajaxLoaded){
        $('#button').prop('disabled', true);
        $("#someDiv").click();
        return false;
    }
    ajaxLoaded = false;
    $('#button').prop('disabled', false);
    return true;
});

并在ajax请求的成功回调中，更新ajaxLoaded的值并触发点击

ajaxLoaded = true;
$('#button').click();

Fiddle Example (使用setTimeout来模拟一些异步延迟)