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

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

php中文网

发布： 2016-06-24 11:58:34

原创

1857人浏览过

$('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"，这样改后的加载顺序和直接写代码顺序应该都是一样的啊？ <p class="sougouAnswer"> <p class="sougouAnswer"> up ````` <p class="sougouAnswer"> 你可以尝试在body标签关闭前的地方引用啊，不一定要在head里面。就像JS可以写在任何地方一样。 <p class="sougouAnswer"> <p class="yy"> 你可以尝试在body标签关闭前的地方引用啊，不一定要在head里面。就像JS可以写在任何地方一样。 <br /> <br /> 可是我没在head里引用。。 </script>

大家都在看：

CSS 样式继承问题：头部元素字体继承 Body 字体的原因及解决方法 CSS 样式继承问题：标题为何继承了 Body 的字体样式？ HTML body标签的作用_HTML文档主体内容容器功能说明解决CSS section背景图周围的意外白边问题：理解与消除body默认边距解决section背景图意外白边：理解body默认边距