無法將HTML結構建設成JSP使用小腳本

我有以下HTML手風琴結構無法將HTML結構建設成JSP使用小腳本

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
    <title>Basic jQuery Accordion</title> 
    <script type="text/javascript" src="http://code.jquery.com/jquery-1.9.1.js"></script> 
    <script type="text/javascript" src="http://code.jquery.com/ui/1.10.2/jquery-ui.js"></script> 
    <link rel="stylesheet" type="text/css" href="http://code.jquery.com/ui/1.10.2/themes/dark-hive/jquery-ui.css" /> 
    <script type="text/javascript"> 
      $(document).ready(
      function() { 
       $("#accordion").accordion({ header: "h3",   
        autoheight: false, 
        active: false, 
        alwaysOpen: false, 
        fillspace: false, 
        collapsible: true, 
        //heightStyle: content //auto, fill, content 
       }); 
      }); 
    </script> 
</head> 
<body> 


    <div style="width: 468px;"> 
     <div id="accordion"> 

      <h3><a href="#">Javascript</a></h3> 
      <div> 
       <h4>Testt</h4> 
      </div> 


      <h3><a href="#">Other</a></h3> 
      <div> 
       <h4>Stuff</h4> 
      </div> 




     </div> 
    </div> 

</body> 
</html>

我想在JSP文件中建立這個如圖

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
    <title>Basic jQuery Accordion</title> 
    <script type="text/javascript" src="http://code.jquery.com/jquery-1.9.1.js"></script> 
    <script type="text/javascript" src="http://code.jquery.com/ui/1.10.2/jquery-ui.js"></script> 
    <link rel="stylesheet" type="text/css" href="http://code.jquery.com/ui/1.10.2/themes/dark-hive/jquery-ui.css" /> 
    <script type="text/javascript"> 
      $(document).ready(
      function() { 
       $("#accordion").accordion({ header: "h3",   
        autoheight: false, 
        active: false, 
        alwaysOpen: false, 
        fillspace: false, 
        collapsible: true, 
        //heightStyle: content //auto, fill, content 
       }); 
      }); 
    </script> 
</head> 
<body> 


    <div style="width: 468px;"> 
     <div id="accordion"> 

     <% 
     ArrayList<String> list = new ArrayList<String>(); 
     list.add("CoolDrinks"); 
     list.add("Snacks"); 
     list.add("Other"); 
     %> 


       <% 
       for (String items : list) 
       { 
        %> 
        <h3><a href="#"><%=items%></a></h3> 
        <div> 
         <h4><%=items%></h4> 
         </div> 
       <% 
       } 
       %> 
       <% 
       } 
       %> 
     </div> 
    </div> 
</body> 
</html>

可能有人請告訴我它失敗的地方？

來源

2014-05-20 Pawan

進口爲ArrayList的？

<%@page import="java.util.ArrayList"%>

編輯：在測試時，你還需要刪除的最後一組：

<% 
     } 
%>

因此，這將是這樣的：

<%@page import="java.util.ArrayList"%> 
<%@page contentType="text/html" pageEncoding="UTF-8"%> 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
    <title>Basic jQuery Accordion</title> 
    <script type="text/javascript" src="http://code.jquery.com/jquery-1.9.1.js"></script> 
    <script type="text/javascript" src="http://code.jquery.com/ui/1.10.2/jquery-ui.js"></script> 
    <link rel="stylesheet" type="text/css" href="http://code.jquery.com/ui/1.10.2/themes/dark-hive/jquery-ui.css" /> 
    <script type="text/javascript"> 
      $(document).ready(
      function() { 
       $("#accordion").accordion({ header: "h3",   
        autoheight: false, 
        active: false, 
        alwaysOpen: false, 
        fillspace: false, 
        collapsible: true, 
        //heightStyle: content //auto, fill, content 
       }); 
      }); 
    </script> 
</head> 
<body> 
    <div style="width: 468px;"> 
     <div id="accordion"> 
      <% 
      ArrayList<String> list = new ArrayList<String>(); 
      list.add("CoolDrinks"); 
      list.add("Snacks"); 
      list.add("Other"); 
      %> 

      <% 
      for (String items : list) 
      { 
      %> 
      <h3><a href="#"><%=items%></a></h3> 
      <div> 
       <h4><%=items%></h4> 
      </div> 
      <% 
      } 
      %> 
      </div> 
    </div>

來源

2014-05-20 11:56:07 RossBille

你應該用JSP頭開始在網頁：

<%@page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" %>   
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html> 
....

來源

2014-05-20 11:48:57

無法將HTML結構建設成JSP使用小腳本

回答

相關問題