servlet返回的jsp页面的jquery筛选样式的选中特效失效

servlet包含了一个jsp页面,此页面包含一个jquery的select样式的筛选框,单独测试时没问题,点击就能有选中某条件的特效,但是用servlet包含这个页面并返回给另一个jsp页面时 再点条件就没选中特效了,但是点击后能显示筛选结果,就是选中的特效没有。

特效就是css吧? 你servlet包含的jsp有那个css, 但是你返回给另一个页面jsp后,这个‘另一个jsp页面’里面有这个(这些)css样式没?

你需要看下另一个jsp是否有引入支持这个特效的js文件和css样式(如果没有的话,就需要引入一下了);另外你这里的servlet包含了一个jsp页面是否是说从头部到脚部真的全部都包含了,这样子如果传到另一个页面的话,是会有一些语句重复,会出现一些问题的。如果servlet中的页面并不需要单独使用的话,那么就可以只包含具体的信息,去除掉头部脚部,只包含html和引用jscss等

zhuye.jsp:
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>  
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">





 
济大美食网 
  
    
  
    
  
  
  
  <br>   .bj2<br> {<br>     background-image:url(&#39;photo/beijing2.jpg&#39;);<br>     background-repeat:no-repeat;<br>      background-position:40% 0%;<br>    width: 100%;<br>      margin:0 auto;<br>       height: 800px;<br> }<br>


           
         header 是导航栏
 
    


                           以上是导航栏

     


       
     
         

         

         
         
            
          
  
    <!--button换成input否则不正常 -->
     
            
             
       
         




         

         


         
  
                
                   
         
    <!--servlet  out。println输出筛选框到这-->
         
             
            
  

   <br>       var str1,str2,str3,key;<br>    <br>    window.onload=function()<br>            {<br>       str1=&quot;a&quot;;<br>       str2=&quot;a&quot;;<br>       str3=&quot;a&quot;;<br>      }<br>    <br>    function testgeta (str)  <br>   {      <br>           <br>           str1= str;<br>             ajaxRequest();<br>     }<br>       function testgetb (str)  <br>   {       <br>      <br>           str2 = str;<br>             ajaxRequest();<br>     }<br>     function testgetc (str)  <br>   {       <br>            str3= str;<br>             ajaxRequest();<br>     <br>     var xmlHttpRequest = null;//声明一个空的对象以接受XMLHttpRequest对象<br>       <br>     function ajaxRequest() <br>     {  <br>       key=document.getElementById(&quot;key&quot;).value;  <br>      var firstName=str1;<br>     var middleName=str2;<br>    <br>     var endName=str3;  </p> <p>    var queryString=&quot;str1=&quot; + firstName + &quot;&amp;str2=&quot; + middleName + &quot;&amp;str3=&quot; + endName + &quot;&amp;key=&quot; + key;   <br>         <br>     queryString=&quot;./AjaxServlet?&quot;+queryString;<br>     <br>     <br>     queryString = encodeURI(encodeURI(queryString));<br>     //window.location.href=queryString;<br>     <br>             if(window.ActiveXObject) {              //IE的  <br>                 xmlHttpRequest = new ActionXObject(&quot;Microsoft.XMLHTTP&quot;);   <br>             }  <br>             else if(window.XMLHttpRequest) {        //除IE外的  <br>                 xmlHttpRequest = new XMLHttpRequest();   <br>             }  <br>    <br>             if(xmlHttpRequest != null) {   <br>                 xmlHttpRequest.open(&quot;GET&quot;, queryString, true);   <br>                 //关联好ajax的回调函数     <br>                 xmlHttpRequest.onreadystatechange = ajaxCall;  <br>                   <br>                 //真正向服务器发送请求  <br>                 xmlHttpRequest.send(); <br>             }  <br>         }     <br>     //从servlet的返回值: <br>         function ajaxCall() {  <br>             if(xmlHttpRequest.readyState == 4 ) {       //完全得到服务器的响应  <br>                 if(xmlHttpRequest.status == 200) {       //没有异常  <br>                     var text = xmlHttpRequest.responseText;       <br>                     document.getElementById(&quot;divajax&quot;).innerHTML = text;   <br>                 }  <br>             }  <br>         }  <br>     //ajax向servlet传参结束<br>     

AjaxServlet.java 输出部分:
   out.println("

"
);