我有以下HTML手风琴结构

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

谁能告诉我它哪里失败了?

最佳答案

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

关于java - 无法使用脚本集将HTML结构构建到JSP中,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/23758479/

10-11 23:15
查看更多