关于$("body").append()一段html代码，在页面写能触发事件，写在js文件里写就没有_html/css

回复讨论(解决方案)

首页

web前端

html教程

关于$("body").append()一段html代码，在页面写能触发事件，写在js文件里写就没有_html/css_WEB-ITnose

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB

Jun 24, 2016 am 11:58 AM

append body 事件

$('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>');

登录后复制

同样一段代码，我如果直接把这段js写在页面上，完全可以。但如果我写在一个js文件里(这个js文件比UI的框架js晚引进来)，这段代码只把样式渲出来了，但事件完全不起作用。

比如图中，点用户后会弹出一个下拉菜单。
如果js写在页面中，点“↓”就会弹出“修改密码”菜单
但如果js写在一个单独的js文件中，再引入这个js文件，点“↓”就没任何反映。

这可能是啥问题造成的啊？

回复讨论(解决方案)

这就要看 js 文件的加载次序了

这个js文件比UI的框架js晚引进来)

这样你就错过了框架代码中的初始化事件

这个js文件比UI的框架js晚引进来)

这样你就错过了框架代码中的初始化事件

有一点不明白

    <link href="css/UI.css" rel="stylesheet" />    <script src="js/UI.js"></script><body></body><script type="text/javascript">$("body").append()</script>

登录后复制

现在这样写可以，然后我在这里，<script>这块直接换成src="XX.js"，这样改后的加载顺序和直接写代码顺序应该都是一样的啊？ </script>

up `````

你可以尝试在body标签关闭前的地方引用啊，不一定要在head里面。就像JS可以写在任何地方一样。

可是我没在head里引用。。

本站声明

本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn

热AI工具

热工具

热门话题

gmail邮箱登陆入口在哪里

7447

CakePHP 教程

1374

steam的账户名称是什么格式

win11激活密钥永久

NYT连接提示和答案

显示更多

Related knowledge

事件 ID 4660：已删除对象 [修复] Jul 03, 2023 am 08:13 AM

我们的一些读者遇到了事件ID4660。他们通常不确定该怎么做，所以我们在本指南中解释。删除对象时通常会记录事件ID4660，因此我们还将探索一些实用的方法在您的计算机上修复它。什么是事件ID4660？事件ID4660与活动目录中的对象相关，将由以下任一因素触发：对象删除–每当从ActiveDirectory中删除对象时，都会记录事件ID为4660的安全事件。手动更改–当用户或管理员手动更改对象的权限时，可能会生成事件ID4660。更改权限设置、修改访问级别或添加或删除人员或组时，可能会发生这种情

在iPhone锁屏上获取即将到来的日历事件 Dec 01, 2023 pm 02:21 PM

在运行iOS16或更高版本的iPhone上，您可以直接在锁定屏幕上显示即将到来的日历事件。继续阅读以了解它是如何完成的。由于表盘复杂功能，许多AppleWatch用户习惯于能够看一眼手腕来查看下一个即将到来的日历事件。随着iOS16和锁定屏幕小部件的出现，您可以直接在iPhone上查看相同的日历事件信息，甚至无需解锁设备。日历锁定屏幕小组件有两种风格，允许您跟踪下一个即将发生的事件的时间，或使用更大的小组件来显示事件名称及其时间。若要开始添加小组件，请使用面容ID或触控ID解锁iPhone，长按

在JavaScript中，'oninput'事件的用途是什么？ Aug 26, 2023 pm 03:17 PM

当在输入框中添加值时，就会发生oninput事件。您可以尝试运行以下代码来了解如何在JavaScript中实现oninput事件-示例<!DOCTYPEhtml><html> <body> <p>Writebelow:</p> <inputtype="text&quot

如何在PHP项目中实现日历功能和事件提醒？ Nov 02, 2023 pm 12:48 PM

如何在PHP项目中实现日历功能和事件提醒？在开发Web应用程序时，日历功能和事件提醒是常见的需求之一。无论是个人日程管理、团队协作，还是在线活动安排，日历功能都可以提供便捷的时间管理和事务安排。在PHP项目中实现日历功能和事件提醒可以通过以下步骤来完成。数据库设计首先，需要设计数据库表来存储日历事件的相关信息。一个简单的设计可以包含以下字段：id：事件的唯一

jQuery中如何实现select元素的改变事件绑定 Feb 23, 2024 pm 01:12 PM

jQuery是一个流行的JavaScript库，可以用来简化DOM操作、事件处理、动画效果等。在web开发中，经常会遇到需要对select元素进行改变事件绑定的情况。本文将介绍如何使用jQuery实现对select元素改变事件的绑定，并提供具体的代码示例。首先，我们需要使用标签来创建一个包含选项的下拉菜单：

jquery中常用的事件有哪些 Jan 03, 2023 pm 06:13 PM

jquery中常用的事件有：1、window事件；2、鼠标事件，是当用户在文档上面移动或单击鼠标时而产生的事件，包括鼠标单击、移入事件、移出事件等；3、键盘事件，是用户每次按下或者释放键盘上的按键时都会产生事件，包括按下按键事件、释放按键按键等；4、表单事件，例如当元素获得焦点时会触发focus()事件，失去焦点时会触发blur()事件，表单提交时会触发submit()事件。

如何使用 PHP 构建基于事件的应用程序 May 04, 2024 pm 02:24 PM

在PHP中构建基于事件的应用程序的方法包括：使用EventSourceAPI创建事件源，并在客户端使用EventSource对象监听事件。使用服务器发送的事件(SSE)发送事件，并在客户端使用XMLHttpRequest对象监听事件。一个实用的例子是在电子商务网站中使用EventSource实时更新库存计数，在服务器端通过随机更改库存并发送更新来实现，客户端则通过EventSource监听库存更新并实时显示。

使用java的StringBuilder.append()函数拼接字符串 Jul 26, 2023 am 09:18 AM

使用Java的StringBuilder.append()函数拼接字符串在Java编程中，字符串的拼接是非常常见的操作。为了高效地拼接字符串，Java提供了StringBuilder类，其中的append()函数可以快速地将多个字符串连接在一起。StringBuilder是一个可变的字符序列，使用起来比String类更加高效。当我们需要拼接大量字符串时，使用

See all articles

关于$("body").append()一段html代码，在页面写能触发事件，写在js文件里写就没有_html/css_WEB-ITnose

回复讨论(解决方案)

热AI工具

Undresser.AI Undress

AI Clothes Remover

Undress AI Tool

Clothoff.io

AI Hentai Generator

热门文章

热工具

记事本++7.3.1

SublimeText3汉化版

禅工作室 13.0.1

Dreamweaver CS6

SublimeText3 Mac版

热门话题