angular+adminlte使用心得

最新推荐文章于 2024-08-08 07:55:48 发布

JessicalLxc

最新推荐文章于 2024-08-08 07:55:48 发布

阅读量5.4k

点赞数

分类专栏： web插件文章标签： javascript

本文链接：https://blog.csdn.net/u013291057/article/details/74644782

版权

本文分享了在使用Angular集成AdminLTE时遇到的侧边栏动画问题及解决方案。通过调整JS代码，修复了菜单展开动画，并优化了菜单显示状态的处理，确保布局在各种情况下都能正常工作。

摘要由CSDN通过智能技术生成

今天用angular 集成adminLte的时候，发现左边侧边栏动画没有展开，然后发现，它APP js tree函数操作的DOM 不对，修改如下

 $.AdminLTE.tree = function (menu) {
    var _this = this;
    var animationSpeed = $.AdminLTE.options.animationSpeed;
    $(document).off('click', menu + ' li a')
      .on('click', menu + ' li a', function (e) {
        //Get the clicked link and the next element
        var $this = $(this);
        var checkElement = $this.next();
        //Check if the next element is a menu and is visible
        if ((checkElement.is('.treeview-menu')) && (checkElement.is(':visible')) && (!$('body').hasClass('sidebar-collapse'))) {
          //Close the menu
          checkElement.slideUp(animationSpeed, function () {

            //Fix the layout in case the sidebar stretches over the height of the window
            //_this.layout.fix();
          })