jQuery UI的自动完成不工作的IE10 [英] Jquery UI Autocomplete Not Working on IE10
问题描述
我在做一个网站,但我不能让工作在IE 10这个jQuery插件这是我的code的头部:
< HEAD> <链接相对=样式类型=文/ CSSHREF =/风格/ style.css中'>
<链接相对=样式HREF =HTTP://$c$c.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css/>
<脚本的src =HTTP://$c$c.jquery.com/jquery-1.9.1.js'>< / SCRIPT>
<脚本的src =HTTP://$c$c.jquery.com/ui/1.10.3/jquery-ui.js'>< / SCRIPT>
<脚本>
$(文件)。就绪(函数(){
VAR availableTags = [; 而($ row5 = mysqli_fetch_array($结果)){
回声'。 $ row5 ['solicitante']。 ',;
}
mysqli_close($ CON); 回声];
$('#tags').autocomplete({
来源:availableTags
});
});
< / SCRIPT>< /头>
这是对象的标记code:
<形式的行动=../ procesar / procesar_nombre.php的方法=后>
<表>
&所述; TR>
&所述; TD> < B>农布雷< / B> &所述; TD>
&所述; TD> <输入ID =标签式=TEXTNAME =农布雷大小= 30 MAXLENGTH = 20 /> < / TD>
< / TR>
&所述; TR>
&所述; TD> < / TD>
&所述; TD> <输入类型=提交值=Revisar> < / TD>
< / TR>
< /表>
< /表及GT;
这只是正常的谷歌Chrome,但不是在IE10,我想研究一些有关的情况,但没有答案。
该页面的源代码看起来像这样的Web浏览器,对于那些谁没有得到什么,我试图做的。 HEAD:
< HEAD> <链接相对=样式类型=文/ CSSHREF =/风格/ style.css中'>
<链接相对=样式HREF =HTTP://$c$c.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css/>
<脚本的src =HTTP://$c$c.jquery.com/jquery-1.9.1.js'>< / SCRIPT>
<脚本的src =HTTP://$c$c.jquery.com/ui/1.10.3/jquery-ui.js'>< / SCRIPT>
<脚本>
$(文件)。就绪(函数(){
VAR availableTags = ['玛丽亚˚F罗梅罗','卡拉库斯托迪奥','塞萨尔帕切科','Dorimar巴尔扎','米格尔·莫拉莱斯,约翰娜·罗德里格斯,奥斯瓦尔多·萨拉特','sinnombre,罗纳德·格里马尔', 赫拉尔莱昂','Gelenny拉拉',];
$('#tags').autocomplete({
来源:availableTags
});
});
< / SCRIPT>< /头>
这是对象:
<形式的行动=../ procesar / procesar_nombre.php的方法=后>
<表>
&所述; TR>
&所述; TD> < B>农布雷< / B> &所述; TD>
&所述; TD> <输入ID =标签式=TEXTNAME =农布雷大小= 30 MAXLENGTH = 20 /> < / TD>
< / TR>
&所述; TR>
&所述; TD> < / TD>
&所述; TD> <输入类型=提交值=Revisar> < / TD>
< / TR>
< /表>
< /表及GT;
该问题的答案是增加code的下面一行在文档头部:
< META HTTP-EQUIV =X-UA兼容内容=IE =边缘'>
现在它的作品好就IE10
I am making a website but I cannot get to work this Jquery plugin on IE 10. This is my code for the HEAD:
<head>
<link rel='stylesheet' type='text/css' href='/style/Style.css'>
<link rel='stylesheet' href='http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css' />
<script src='http://code.jquery.com/jquery-1.9.1.js'></script>
<script src='http://code.jquery.com/ui/1.10.3/jquery-ui.js'></script>
<script>
$(document).ready(function() {
var availableTags = [";
while($row5 = mysqli_fetch_array($result)) {
echo "'" . $row5['solicitante'] . "',";
}
mysqli_close($con);
echo "];
$( '#tags' ).autocomplete({
source: availableTags
});
});
</script>
</head>
And this is the object TAGS code:
<form action="../procesar/procesar_nombre.php" method="post">
<table>
<tr>
<td> <b>Nombre</b> <td>
<td> <input id="tags" type="text" name="nombre" size=30 maxlength=20/> </td>
</tr>
<tr>
<td> </td>
<td> <input type="submit" value="Revisar"> </td>
</tr>
</table>
</form>
This works just fine on Google Chrome, but not in IE10, I tried researching something about the situation but with no answers.
The source of the page looks like this on the web browser, for those who do not get what I am trying to do. HEAD:
<head>
<link rel='stylesheet' type='text/css' href='/style/Style.css'>
<link rel='stylesheet' href='http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css' />
<script src='http://code.jquery.com/jquery-1.9.1.js'></script>
<script src='http://code.jquery.com/ui/1.10.3/jquery-ui.js'></script>
<script>
$(document).ready(function() {
var availableTags = ['Maria F Romero','Carla Custodio','Julio Cesar Pacheco','Dorimar Balza','Miguel Morales','Johana Rodriguez','Oswaldo Zarate','sinnombre','Ronald Grimaldo','Gerardo Leon','Gelenny Lara',];
$( '#tags' ).autocomplete({
source: availableTags
});
});
</script>
</head>
This is the object:
<form action="../procesar/procesar_nombre.php" method="post">
<table>
<tr>
<td> <b>Nombre</b> <td>
<td> <input id="tags" type="text" name="nombre" size=30 maxlength=20/> </td>
</tr>
<tr>
<td> </td>
<td> <input type="submit" value="Revisar"> </td>
</tr>
</table>
</form>
The answer to the question was to add the following line of code in the head of the document:
<meta http-equiv='X-UA-Compatible' content='IE=Edge'>
Now it works good on IE10
这篇关于jQuery UI的自动完成不工作的IE10的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!