如何获得此jQuery自动完成代码在FireFox中工作? [英] How do I get this jQuery autocomplete code to work in FireFox?

问题描述

我有此jQuery代码，可在Chrome和Safari中使用，但不能在IE或FireFox上使用.这可能是什么问题?

Hey guys, I've got this jQuery code which works in Chrome and Safari but not on IE or FireFox. What could be wrong with it?

<script>

$(document).ready(function() {
    var myArr = [];

    $.ajax({
        type: "GET",
        url: "airports.xml", 
        dataType: "xml",
        success: parseXml,
        complete: setupAC,
        failure: function(data) {
            alert("XML File could not be found");
            }
    });

    function parseXml(xml)
    {
        //find every query value
        $(xml).find("airport").each(function()
        {
            myArr.push($(this).attr("label"));
        }); 
    }

    function setupAC() {
        $("input#depart_from").autocomplete({
                source: myArr,
                minLength: 1,
                select: function(event, ui) {
                    $("input#depart_from").val(ui.item.value);
                    $("#submitform").submit();
                }
        });
    }
});

</script>

这是我的输入元素

<input id="depart_from" type="text" name="depart_from" placeholder="Depart from"/>

有什么建议吗?

推荐答案

好的，修改后的答案.将dataType更改为html并修复xml文档中的错误:

OK, revised answer. Changed dataType to html and fix errors in xml document:

$(document).ready(function() {
var myArr = [];
function parseXml(xml)
{
    //find every query value
    $(xml).find("airport").each(function()
    {
        myArr.push($(this).attr("label"));
    }); 
}

function setupAC() {
    $("input#depart_from").autocomplete({
            source: myArr,
            minLength: 1,
            select: function(event, ui) {
                $("input#depart_from").val(ui.item.value);
                $("#submitform").submit();
            }
    });
}

$.ajax({
    type: "GET",
    url: "airports.xml", 
    dataType: "html",
    success: parseXml,
    complete: setupAC,
    failure: function(data) {
        alert("XML File could not be found");
        }
});


});

这篇关于如何获得此jQuery自动完成代码在FireFox中工作?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！