搜索结果不会显示在Chrome中

时间:2015-02-19 06:53:23

标签: jquery google-chrome

自动完成搜索功能在Firefox中运行正常,但在Chrome中,它不会将结果传递给单独的div(展开)。我有一种感觉Chrome无法处理' open'功能的一部分。

$("#srch").autocomplete({
delay: 20,  
minLength: 4,
appendTo: "#tbar",
open: function() {
        var position = $("#tbar").position(),
        left = position.left, top = position.top;
        $("#tbar > ul").css({left: left + 0 + "px",top: top + 23 + "px" });
        $('ul.ui-autocomplete').addClass('opened')
        .css('display','block'); 
    },
  close: function () { 
    $('ul.ui-autocomplete')
    .delay(1500)
      .removeClass('opened')       
  },
    source: function (a, b) {
        $.getJSON("/v4/ajax/search.php?q=" + a.term + "&format=json", function (a) {
            b(a)
        })
    },
    select: function (a, b) {
        $("#srch").val(b.item.resort_name);
        return false;

    },
    focus: function (a, b) {
        $("#srch").val(b.item.resort_name);
        return false;

    }
}).data("ui-autocomplete")._renderItem = function (a, b) {
    return $("<li></li>")
        .data("item.autocomplete", b)
        .append('<em class="nat nat-' + b.sym + '"></em> <span><a href="/webcams/' + b.resort_us + '">' + b.resort_name + '</a></span> ')
        .append('<span><a href="/webcams/' + b.canton_us + '">' + b.canton + '</a></span> <small>' + b.cnt + ' cams</small>  ')
        .appendTo(a)
}

0 个答案:

没有答案