Fatal编程技术网
  • jquery/
  • HTML代码没有'；添加jquery时不渲染

HTML代码没有'；添加jquery时不渲染

jquery html internet-explorer browser

HTML代码没有'；添加jquery时不渲染,jquery,html,internet-explorer,browser,cross-browser,Jquery,Html,Internet Explorer,Browser,Cross Browser,由于某种原因，如果 $（“#department”）.autocomplete（“department.jsp”，{minChars:4}）添加在第一个输入类型之后其余字段不会出现在Internet Explorer 8中，但在Firefox和Chrome中会出现 这可能是什么原因 <table width="583" border="0"> <tr> <td>Employee No:</td> <

由于某种原因，如果

$（“#department”）.autocomplete（“department.jsp”，{minChars:4}）
添加在第一个
输入类型之后
其余字段不会出现在Internet Explorer 8中，但在Firefox和Chrome中会出现

这可能是什么原因

<table width="583" border="0">
      <tr>
        <td>Employee No:</td>
        <td> <input type="text" id="employee " name="employee " size="30">          
                 <script type="text/javascript">
        $("#department").autocomplete("department.jsp");
           </script></td>
      </tr>


员工编号：
$（“#department”）.autocomplete（“department.jsp”）；
以下代码不在IE8中呈现

      <tr>
        <td>Join Date </td>
        <td>
        <input type="text" id="jdate" name="jdate" size="30"/></td>
      </tr>
      <tr>
        <td>Contracrt </td>
        <td><input type="text" id="cont" name="cont" size="30"/></td>
      </tr>         
    </table>


加入日期
反对者
编辑1

完整的HTML代码

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<%@ page contentType="text/html;charset=windows-1252"%>
<%@ taglib uri="http://java.sun.com/jsf/html" prefix="h"%>
<%@ taglib uri="http://java.sun.com/jsf/core" prefix="f"%>
 <html><head>
 <link rel="stylesheet" type="text/css" href="css/jquery.autocomplete.css" />
    <script type="text/javascript"
            src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
    <script src="js/jquery.autocomplete.js" type="text/javascript"></script>    

    </head>
    <body>
    <p>
      <f:view>
        <h:form id="employeefrm">
   <table width="583" border="0">
      <tr>
        <td>Employee No:</td>
        <td> <input type="text" id="employee " name="employee " size="30">          
                 <script type="text/javascript">
        $("#department").autocomplete("department.jsp");
           </script></td>
      </tr>
      <tr>
        <td>Join Date </td>
        <td>
        <input type="text" id="jdate" name="jdate" size="30"/></td>
      </tr>
      <tr>
        <td>Contracrt </td>
        <td><input type="text" id="cont" name="cont" size="30"/></td>
      </tr>         
    </table>

    <p>&nbsp;</p>
     </h:form>
      </f:view>
    </body>
</html>



员工编号：
$（“#department”）.autocomplete（“department.jsp”）；
加入日期
反对者
编辑2

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd"> 
 <html><head>
 <link rel="stylesheet" type="text/css" href="css/jquery.autocomplete.css" />
    <script type="text/javascript"
            src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
    <script src="js/jquery.autocomplete.js" type="text/javascript"></script>             
    </head>
    <body>
    <p>

        <form id="employeefrm" method="post" action="emp.jsp" enctype="application/x-www-form-urlencoded">

    <table width="583" border="1">
      <tr>
        <td>Employee No:</td>
        <td> <input type="text" id="employee " name="employee " size="50">          
                 <script type="text/javascript">

      $("#department").autocomplete("department.jsp");

           </script></td>
      </tr>
      <tr>
        <td>Join Date </td>
        <td>
        <input type="text" id="jdate" name="jdate" size="30"/></td>
      </tr>
      <tr>
        <td>Contracrt  </td>
        <td><input type="text" id="cont" name="cont" size="30"/></td>
      </tr>      
    </table>         
          <p>&nbsp;</p>
     <input type="hidden" name="employeefrm" value="employeefrm" /></form>

    </body>
</html>



员工编号：
$（“#department”）.autocomplete（“department.jsp”）；
加入日期
反对者
试试这个：

 $(document).ready(function() {
 $("#department").autocomplete("department.jsp");});
}
把它放在前面

请显示不工作的代码，而不是工作的代码。@Juhana我在我的问题中添加了在IE 8中无法呈现的代码。html上的#部门在哪里？不，我的意思是显示一个完整的示例，其中包括使字段消失的JavaScript代码。这可能是因为HTML或JavaScript被破坏了，这就是为什么需要一个完整的示例。例如，代码段中没有结束标记。最好制作一个能显示问题的文档。@Juhana我在问题中添加了完整的代码作为Edit 1。不使用document ready怎么会导致某些字段消失？