bootstrap菜单树

6 years ago · 40b45df555
parent 221c14d5d3
commit 40b45df555
2 changed files with 83 additions and 77 deletions
--- a/web/src/main/webapp/WEB-INF/jsp/index.jsp
+++ b/web/src/main/webapp/WEB-INF/jsp/index.jsp
@ -28,16 +28,26 @@
            });

            $("#tabs").on('click', 'button', function () {
+
                $(this).addClass('active');
-                $($(this).attr('href')).addClass('active show');
-                $($(this).attr('href')).siblings().removeClass('active show')
                $(this).siblings().removeClass('active');
+                $($(this).attr('href')).addClass('active show');
+                $($(this).attr('href')).siblings().removeClass('active show');

+                $("#menu"+$(this).data('id')).addClass('active show');
+                $("#menu"+$(this).data('id')).siblings().removeClass('active show');
            });

            $("#tabs").on('click', 'i', function () {
-                $(this).parent().remove();
-                $($(this).parent().attr('href')).remove();
+                button=$(this).parent();
+                $(button.attr('href')).remove();
+                if(button.next().length==0){
+                    button.prev().click();
+                }else{
+                    button.next().click();
+                }
+
+                button.remove();
            });
        });
    </script>
@ -61,22 +71,14 @@
            <input class="form-control mr-sm-2" type="search" placeholder="Search" aria-label="Search">
            <button class="btn btn-primary" type="submit">Search</button>
        </form>
-
    </nav>
-    <div class="show" id="navbarNavDropdown">
-        <div class="row">

-            <div class="col-2">
    <c:import url="/menu?firstResult=0&maxResults=0"></c:import>
-            </div>
-
-        </div>

    <div class="row-fluid tab-content" id="nav-tabContent">
        <!-- 16:9 aspect ratio -->

    </div>
-    </div>


 </div>
--- a/web/src/main/webapp/WEB-INF/jsp/menu.jsp
+++ b/web/src/main/webapp/WEB-INF/jsp/menu.jsp
@ -9,7 +9,7 @@
 <html lang="en">
 <%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %> <!--输出,条件,迭代标签库-->
 <%@ page pageEncoding="utf-8" %>
-
+<head>
    <script>
        function showMenu() {
            var child = $("." + $(this).attr("id"));
@ -54,7 +54,7 @@
                    $(menuId).click(function () {
                        btnId = '#btn' + $(this).data('id');
                        if ($(btnId).length == 0) {
-                        $("#tabs").append('<button type="button" id="' + btnId.substr(1) + '" class="btn btn-secondary btn-lg" href="#iframe'+$(this).data('id')+'">' + $(this).text() + '\n' +
+                            $("#tabs").append('<button type="button" id="' + btnId.substr(1) + '" class="btn btn-secondary btn-lg" data-id="'+$(this).data('id')+'" href="#iframe' + $(this).data('id') + '">' + $(this).text() + '\n' +
                                '            <i class="fas fa-times" style="display: none"></i>\n' +
                                '        </button>')
                        }
@ -81,8 +81,12 @@
            ;
        });
    </script>
-
+</head>
+<div class="show" id="navbarNavDropdown">
+    <div class="col-2">
        <div class="list-group" id="list-tab" role="tablist">
+        </div>
+    </div>

 </div>