HTML コードの $('body').append() 部分については、ページに記述するとイベントをトリガーできますが、js ファイルに記述すると、event_html/css_WEB-ITnose はトリガーされません。-htmlチュートリアル-php.cn

すごいです

同じコード部分について、この js をページに直接書いても、まったく問題ありません。しかし、これを js ファイルに記述すると (この js ファイルは UI フレームワーク js よりも後に導入されました)、このコードはスタイルをレンダリングするだけで、イベントはまったく影響しません。

たとえば、図では、ユーザーをクリックするとドロップダウンメニューがポップアップ表示されます。
ページ内に js が記述されている場合は、「↓」をクリックすると「パスワード変更」メニューが表示されます
ただし、別の js ファイルに js が記述されている場合、その js ファイルをインポートすると、「↓」をクリックしても何も反映されません」。

これはどのような問題によって引き起こされている可能性がありますか?

ディスカッションへの返信(解決策)

これはjsファイルのロード順序に依存します

このjsファイルはUIフレームワークjsよりも後に導入されました)

このようにすると、あなたは見逃すことになりますフレームワークコードの初期化イベント

この js ファイルは UI フレームワーク js よりも後に導入されました

このように、フレームワークコード内の初期化イベントを見逃しています

all

$('body').prepend('<div id='nav' class='navbar'><div class='navbar-content'><a href='/' class='element'><span class='icon-grid-view'></span> 后台管理 <sup>1.0 Beta</sup></a> <span class='element-divider'></span> <a class='pull-menu' href='#'></a><div class='no-tablet-portrait'><div class='element place-right'><a class='dropdown-toggle' href='#'><span id='spanUser'>刁静?2</span><span class='icon-user-2'></span></a><ul class='dropdown-menu place-right' data-role='dropdown'><li><a href='#'>密码修改</a></li></ul></div><span class='element-divider place-right'></span></div></div></div>');

ログイン後にコピー

さて、次のように書きます。このように、変更された読み込み順序と直接書き込む順序は、

人気のチュートリアル

詳細>