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

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

WBOY
Freigeben: 2016-06-24 11:58:34
Original
1668 Leute haben es durchsucht

$('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>');
Nach dem Login kopieren


同样一段代码,我如果直接把这段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>
Nach dem Login kopieren


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

up           `````

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

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



可是我没在head里引用。。
Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage