jQuery UI的自动完成不工作的IE10 [英] Jquery UI Autocomplete Not Working on IE10

查看:150
本文介绍了jQuery UI的自动完成不工作的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屋!

查看全文
登录 关闭
扫码关注1秒登录
发送“验证码”获取 | 15天全站免登陆