2013-02-27 43 views
1

我已经使用了代码从http://jqueryui.com/autocomplete/#default这是在FF和Chrome罚款,但不适用于IE8版本8.0.7600.16385。开发者控制台中规定Jquery autocomplere在IE8中不工作

“空”为空或不是对象

有什么不对?

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm1.aspx.cs" Inherits="Web.XXX.XXX.WebForm1" %> 

<!DOCTYPE html>  

<html xmlns="http://www.w3.org/1999/xhtml"> 
<head runat="server"> 
<meta charset="utf-8" /> 
<title>jQuery UI Autocomplete - Default functionality</title> 
<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.1/themes/base/jquery-ui.css" /> 
<script src="http://code.jquery.com/jquery-1.9.1.js"></script> 
<script src="http://code.jquery.com/ui/1.10.1/jquery-ui.js"></script> 
<link rel="stylesheet" href="/resources/demos/style.css" /> 
<script> 
    $(function() 
    { 
     var availableTags = ["ActionScript", "AppleScript", "Asp", "BASIC", "C", "C++", "Clojure", "COBOL", "ColdFusion", "Erlang", "Fortran", "Groovy", "Haskell", "Java", "JavaScript", "Lisp", "Perl", "PHP", "Python", "Ruby", "Scala", "Scheme"]; 
     $("#tags").autocomplete({ source: availableTags }); 
    }); 
</script> 
</head> 
<body> 
<form id="form1" runat="server"> 
    <div class="ui-widget"> 
     <label for="tags">Tags: </label> 
     <input type="text" id="tags" /> 
    </div> 
</form> 
</body> 
</html> 
+0

定义 “不工作”。你在控制台中遇到错误吗?调试时会发生什么?你的电脑爆炸了吗?如果将'.autocomplete()'声明移至HTML文档的最后,会发生什么? DOM加载顺序很重要。 – 2013-02-27 11:27:00

+0

是的,在IE中的开发人员工具中,我得到“'null'为空或不是对象”的错误..即使在HTML中移动它后仍然得到相同的错误。 – NSP 2013-02-27 11:34:13

回答

0

它使用内部Jquery文件和noconflict函数解决。

<script src="/JqueryPlugins/ui/jquery.ui.core.js" type="text/javascript"></script> 
<script src="/JqueryPlugins/ui/jquery.ui.widget.js" type="text/javascript"></script> 
<script src="/JqueryPlugins/ui/jquery.ui.position.js" type="text/javascript"></script> 
<script src="/JqueryPlugins/ui/jquery.ui.autocomplete.js" type="text/javascript"></script> 
<script> 
$J = jQuery.noConflict(); 
$J(function() 
{ 
    var availableTags = ["ActionScript", "AppleScript", "Asp", "BASIC", "C", "C++", "Clojure", "COBOL", "ColdFusion", "Erlang", "Fortran", "Groovy", "Haskell", "Java", "JavaScript", "Lisp", "Perl", "PHP", "Python", "Ruby", "Scala", "Scheme"]; 
    $J("#tags").autocomplete({ source: availableTags }); 
}); 
</script>