<blockquote id="gjdf6"><th id="gjdf6"></th></blockquote>

在$.ajax({})中，append()拼接jsp語句后子菜單無法展開

<!DOCTYPE html>
<html>
<head>
<title>SaaS</title>
<link href="style/bootstrap.css" rel="stylesheet">
<link rel="stylesheet" href="style/font-awesome.css">
<link href="style/style.css" rel="stylesheet">
<script type="text/javascript" src="js/jquery-3.2.1.min.js"></script>  
</head>
<body>
<div class="content">
    <div id="menu" class="sidebar">
        <div class="sidebar-dropdown"></div>
    </div>
</div>
<script>   
    $.ajax({
        url:'GetmenuServlet',
        type:'get',
        dataType:'text',
        success:function (data) {
            var html ="<ul id='nav'>";
                html+="<li><a href='index.jsp' class='open'><i class='icon-home'></i> 首頁</a></li>";
                    html+="<c:if test='${username!=null}'>";
                   html+="<li class='has_sub'><a href='#'><i class='icon-home'></i>應(yīng)用測試";
                html+="<span class='pull-right'><i class='icon-chevron-right'></i></span>";
                html+="</a>";
                html+="<ul>";
                html+="<li><a href='index.jsp'>租戶管理</a></li>";
                html+="<li><a href='index.jsp'>租戶管理2</a></li>";
                html+="</ul>";
                html+="</li>";
                html+="</c:if>";
                html+="</ul>";
            $('#menu').append(html);
        }
    });
</script> 
<script src="js/jquery.js"></script>
<script src="js/bootstrap.js"></script>
<script src="js/custom.js"></script>
</body>
</html>

其中應(yīng)用測試菜單下的兩個子菜單無法展開，個人覺得是custom.js里的動作沒有實現(xiàn)，但是怎么也改不出來，求如何實現(xiàn)

回答

編輯回答

舊城人

        var html ="<ul id='nav'>";
            html+="<li><a href='index.jsp' class='open'><i class='icon-home'></i> 首頁</a></li>";
            html+="<c:if test='${username!=null}'>";
            html+="<li class='has_sub'><a href='#'><i class='icon-home'></i>應(yīng)用測試";
            html+="<span class='pull-right'><i class='icon-chevron-right'></i></span>";
            html+="</a>";
            html+="<ul>";
            html+="<li><a href='index.jsp'>大大管理</a></li>";
            html+="<li><a href='index.jsp'>租戶dddd管理2</a></li>";
            html+="</ul>";
            html+="</li>";
            html+="</c:if>";
            html+="</ul>";
            html+="<script src='js/custom.js'><\/script>";
            $('#menu').append(html);
            
            要把<script src='js/custom.js'><\/script>頁拼接在html中才會有效

2017年11月1日 06:36