Regarding the $('body').append() piece of html code, writing it on the page can trigger an event, but writing it in a js file will not_html/css

Table of Contents

Home

Web Front-end

HTML Tutorial

Regarding the $('body').append() piece of html code, writing it on the page can trigger an event, but writing it in a js file will not_html/css_WEB-ITnose

Jun 24, 2016 am 11:58 AM

append body event

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

Copy after login

For the same piece of code, if I write this js directly on the page, it is absolutely fine. But if I write it in a js file (this js file was introduced later than the UI framework js), this code only renders the style, but the event has no effect at all.

For example, in the picture, after clicking on the user, a drop-down menu will pop up.
If js is written in the page, click "↓" and the "Change Password" menu will pop up
But if js is written in a separate js file, and then import this js file, click "↓" and nothing will happen reflect.

What could be causing this?

Reply to discussion (solution)

This depends on the loading order of js files

This js file was introduced later than the UI framework js)

In this way, you will miss the initialization event in the framework code

this js files were introduced later than the UI framework js)

In this way, you miss the initialization event in the framework code

I don’t understand it at all

    &lt;link href=&quot;css/UI.css&quot; rel=&quot;stylesheet&quot; /&gt;    &lt;script src=&quot;js/UI.js&quot;&gt;&lt;/script&gt;&lt;body&gt;&lt;/body&gt;&lt;script type=&quot;text/javascript&quot;&gt;$(&quot;body&quot;).append()&lt;/script&gt;

Copy after login

Now you can write it like this, and then I will change the <script> directly to src="XX.js" here. In this way, the changed loading order and the order of directly writing the code should be the same. Same?

up `````

You can try to quote it before the body tag is closed, not necessarily in the head. Just like JS can be written anywhere.

But I didn’t quote it in the head. .

Statement of this Website

The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn