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

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

WBOY
WBOYオリジナル
2016-06-24 11:58:341671ブラウズ

すごいです

同じコード部分について、この 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>');


さて、次のように書きます。このように、変更された読み込み順序と直接書き込む順序は、3f1c4e4b6b16bbbd69b2ee476dc4f83a ブロックに置き換えられます。コードは同じでなければなりませんか?

up `````

必ずしも head 内でなくても、body タグが閉じる前に引用してみることもできます。 JS と同じように、どこにでも記述できます。

必ずしも head 内でなくても、body タグを閉じる前に引用してみることもできます。 JS と同じように、どこにでも記述できます。



でも、頭の中で引用したわけではありません。 。
声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。