2011-05-29 55 views
1

嘿傢伙, 我有這個jQuery代碼,它可以在Chrome和Safari中使用,但不能在IE或FireFox上使用。它有什麼問題?如何獲得這個jQuery自動完成代碼在FireFox中工作?

<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"/> 

有什麼建議?

+1

你會得到什麼錯誤?什麼不工作? – 2011-05-29 19:41:55

+0

這是奇怪的部分。我在Firebug中沒有遇到任何錯誤。真奇怪。下拉式自動完成列表不顯示。它在Safari和Chrome中顯示。 – Ismailp 2011-05-29 20:01:09

回答

2

好的,修改後的答案。將dataType更改爲html並修復xml文檔中的錯誤:

$(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"); 
     } 
}); 


}); 
+0

沒有幫助!還有其他建議嗎? – Ismailp 2011-05-29 20:16:01

+0

我爲它做了一個jsfiddle。你能發送一個鏈接到一個示例XML文件?我可以插入它,看看它是否顯示任何問題。 – 2011-05-29 20:21:05

+0

http://trendbreach.com/xml/airports.xml – Ismailp 2011-05-29 20:24:41

相關問題