Javascript Scriptaculous Ajax.Autocompleter加载栏

我需要通过Prototype的Scriptaculous'Ajax.Autocompleter在Ajax请求上添加一个旋转轮（加载条）。但不幸的是，我从未使用过这些框架。。。在这种情况下，没有办法切换到jQuery。。。文档很差，在网上什么也找不到

下面的代码是Magento js.js文件（）第339行的一部分 （在onShow之前，我曾尝试添加一个onload，但什么也没发生……所以我真的不知道该怎么办）

---

实际上，这很容易做到。你所做的是错的。您不必使用onload等

您只需在

minChars:2

•频率：0.5=时间自动完成器检查输入是否有变化

•指示符：“搜索”=是ajax运行时应显示的div的ID

所以它变成了

initAutocomplete : function(url, destinationElement){
    new Ajax.Autocompleter(
        this.field,
        destinationElement,
        url,
        {
            paramName: this.field.name,
            method: 'get',
            minChars: 1,
            frequency: 0.5, // NOTICE THIS
            indicator: 'searching', // AND THIS
            updateElement: this._selectAutocompleteItem.bind(this),
            onShow : function(element, update) {
                Effect.Appear(update,{duration:0});
            }

        }
    );
},

因此，在您的中，我猜是表单.mini.phtml，但是您可以将其放置在您想要的位置（不要忘记设置样式等等）。。。转到：

app/design/frontend/default/[THEME NAME]/template/catalogsearch/form.mini.phtml

并在输入后添加以下代码：

<div id="searching" style="display: none;">
    <img alt="" src="ajax-loader.gif">
</div>

就这样

<div id="searching" style="display: none;">
    <img alt="" src="ajax-loader.gif">
</div>