Question

在网站中，“自动填充搜索建议结果”。显示在all pages。

但现在“自动填充搜索建议结果”不会仅显示在 chrome 中的home page＆amp;其他浏览器，但在 mozilla firefox ....

工作

<script type="text/javascript">
    //<![CDATA[
        var ajaxUrl='<?php echo Mage::helper('searchsuggest')->getAjaxurl(); ?>';
        var queryDelay = 0.5;
        var progressImage ='<?php echo $this->getSkinUrl('images/ajax-loader.gif');?>';
        var minCharacters = '<?php echo Mage::helper('searchsuggest')->getMinChar(); ?>';

        document.observe('dom:loaded',function(){
            //require(["autocomplete"], function(){
                $$('.form-search')[0].insert({
                    after:'<div id="search-autocomplete"><div id="searchr-result-containter"><div id="autocomplete-content"><div id="search-result"></div></div></div></div>'
                });
                $('searchr-result-containter').hide();
                var acLayout = new Autocomplete();
                acLayout.initAutocomplete(ajaxUrl, 'search-result');
            //});
        })
    //]]>
</script>

演示：如果你打开link，你可以在右上方看到3个小图标，如果你点击第一个图标，会出现搜索框，而不是你可以输入“iphone”＆amp;等待1分钟......

修改

问题的原因是横幅滑块出现在顶部，一旦我将其删除，现在“自动完成搜索”在所有浏览器中都有效

Answer 1

<强>问题：您已将搜索表单包含在#header-search区域内，并已添加到css中 #header-search {height:50px;}这是错误的。

<强>解决方案：只需在css文件中添加此样式（如果不起作用，则添加!important）：

#header-search {
    height: auto;
    min-height: 50px;
}

注意：每个浏览器都使用其用户代理样式表来解决一些问题。

自动完成搜索在Mozilla中工作，但不在Chrome和其他浏览器中工作

1 个答案: