文章/答案/技术大牛

发布

问使用Admin LTE和Aurelia
EN

Stack Overflow用户

提问于 2016-09-01 18:11:35

回答 1查看 1K关注 0票数 1

我有一个奥雷利亚CLI应用程序，我也安装了管理-lte与npm。问题是它没有正确加载。这是因为Admin使用了jQuery DOM就绪事件，并期望在此时DOM中会出现一些事情。但是，如果我在我的app.html中声明了所有布局html，就不会发生任何事情，因为事情会在后面附加(我猜)。

我创建了一个模拟问题的要点。我想我可以在app.js中使用附加钩子并做一些事情，但我不确定是什么。

https://gist.run/?id=e4521c1fb38ec82bffd6a0e4fd8b1da6

如您所见，plugin.js在index.html中被引用，就像我在我的应用程序中引用Admin一样。div不会改变，因为它是在plugin.js脚本运行后到达的。

这是我真正的应用程序的主体：

<body aurelia-app="main" class="hold-transition skin-blue sidebar-mini">
    <script src="scripts/vendor-bundle.js" data-main="aurelia-bootstrapper"></script>
    <!-- REQUIRED JS SCRIPTS -->

    <!-- jQuery 2.2.3 -->
    <script src="node_modules/admin-lte/plugins/jQuery/jquery-2.2.3.min.js"></script>
    <!-- Bootstrap 3.3.6 -->
    <script src="node_modules/admin-lte/bootstrap/js/bootstrap.min.js"></script>
    <!-- AdminLTE App -->
    <script src="node_modules/admin-lte/dist/js/app.js"></script>
  </body>

我真正需要的是确保$(function () {...})在admin-lte/dist/js/app.js中运行。也许你可以强迫jQuery重新运行这个函数？

javascript

jquery

aurelia

adminlte

回答 1

Stack Overflow用户

回答已采纳

发布于 2016-09-02 08:13:57

在我的app.js中，我可以使用附加的函数并调用一个函数来修复布局：

export class App {
    attached(){
        $.AdminLTE.layout.fix();
    }
}

找到信息这里

票数 1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/39278294

复制

相似问题

问使用Admin LTE和Aurelia
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问使用Admin LTE和AureliaEN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问使用Admin LTE和Aurelia
EN