当jQuery添加时，HTML代码不会呈现

-1

我在JSP页面中有以下html，由于某种原因如果<script type="text/javascript"> $("#department").autocomplete("department.jsp",{minChars: 4});在第一个input type后面添加，其余字段不会出现在Internet Explorer 8中，在Firefox和Chrome中它确实出现。当jQuery添加时，HTML代码不会呈现

这可能是什么原因？

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

下面的代码不会在IE 8

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

编辑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>

来源

2013-03-25 user75ponic

把它请表明，*不*工作，而不是工作的一个代码。 – JJJ 2013-03-25 09:23:00

@Juhana我在我的问题中添加了在IE 8中不呈现的代码。 – user75ponic 2013-03-25 09:25:25

和你在哪里#department html？ – kreamik 2013-03-25 09:27:01

试试这个：

$(document).ready(function() { 
$("#department").autocomplete("department.jsp");}); 
}

之前

来源

2013-03-25 09:25:32

如何不使用文档就绪导致某些字段消失？ – JJJ 2013-03-25 09:29:03

当jQuery添加时，HTML代码不会呈现

回答

相关问题