tapestry - Tapestry AJAX Throbber

Question

我试图在 ajax 区域更新中显示一个旋转条。我在我的项目中导入了以下 js 函数。

Tapestry.onDOMLoaded(function() { 
    function addAjaxOverlay(event, element) { 
        alert("Its hrerer");
        var mgr = Tapestry.findZoneManager(element); 
        var zone = mgr && mgr.element; 
        if (!zone) { 
            return; 
        } 

        var $zone = $(zone); 

        $zone.prepend("<div class='zone-ajax-overlay'/>"); 
        var overlay = $zone.children(":first"); 
        overlay.width(500).height(600); 
    } 

    $(document.body).bind(Tapestry.FORM_PROCESS_SUBMIT_EVENT, addAjaxOverlay); 
    $(document.body).bind(Tapestry.TRIGGER_ZONE_UPDATE_EVENT, addAjaxOverlay); 
});

现在我从这里得到了代码。并将代码翻译成 JQuery。但实际上什么也没发生。微调器未显示。如果我在文档的最后两行下方添加警告框，它可以工作，但似乎从未调用过 addAjaxOverlay 函数。函数内的警告框不起作用。