AureliaでAdmin LTEを使用する

私はAurelia CLIアプリケーションを持っていますが、npmでadmin-lteもインストールしました。問題は正しく読み込まれないことです。これは、Admin LTEがjQuery DOM readyイベントを使用し、その時点で物事がDOM内に存在することを期待しているためです。しかし、もし私がapp.html内のすべてのレイアウトhtmlを宣言すれば、物事は後で（私の推測で）添付されるので何も起こりません。AureliaでAdmin LTEを使用する

問題をシミュレートする要点を作成しました。私はapp.jsの添付フックを使用して何かをすることができたと思いますが、私は何がわかりません。

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

あなたが見ることができるように、plugin.jsは、私は自分のアプリケーションで管理LTEのJavaScriptを参照するだけのようindex.htmlの中で参照されています。 plugin.js内のスクリプトが実行された後にdivが到着したため、divは変更されません。

これが私の本当のアプリの本体である：

<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にこの関数を強制的に再実行させることができますか？私app.jsで

出典

2016-09-01 John

見つかり

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

、「'$（文書）.on（い'、' mySelector '、コールバック） 'not work？ – Charles

私は付属の機能を使用するとレイアウトを修正する機能を呼び出すことができます。情報そうhere

出典

2016-09-02 08:13:57 John

AureliaでAdmin LTEを使用する

答えて

関連する問題