javascript - 禁用链接单击，直到页面加载

Question

我有以下链接:

<?php echo 
    anchor("$controller_name/cleanup",
    '<i class="fa fa-undo hidden-lg fa fa-2x tip-bottom" data-original-title="'.lang('items_cleanup_old_items').'"></i><span class="visible-lg">'.lang("items_cleanup_old_items").'</span>',
    array('id'=>'cleanup', 
        'class'=>'btn btn-warning','title'=>lang("items_cleanup_old_items"))); 
?>

我在 $(document).ready() 中有 javascript，它绑定(bind)到 anchor 并覆盖点击以成为 ajax 调用函数，并执行 event.preventDefault();以防止链接被导航到。

我遇到的问题是，如果页面尚未完全加载并且他们单击了链接；他们进入 ajax 页面(这是一堆 json)。

我想到的解决方案是将 anchor 更改为 javascript:void(0) 并添加带有实际链接的属性 data-cleanup-url。这是一个合适的解决方案吗？

Answer 1

为什么不直接使用一个变量来确定 window.onload 是否已完成，并根据状态定向到新函数？

var isPageLoaded = false;

$(window).load(function(){
    isPageLoaded = true;
});

$(document).ready(function(){
    $('a').on('click', function (evt){
        evt.preventDefault();

        if (isPageLoaded) doAjaxThing();
        else doNothing();
    });

    function doAjaxThing() {

    }

    function doNothing() {

    }

});