关于$("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工具

熱工具

熱門話題

Java教學

1665

CakePHP 教程

1424

Laravel 教程

1322

PHP教程

1270

C# 教程

1249

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

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

jquery中常用的事件有：1、window事件；2、滑鼠事件，是當使用者在文件上方移動或點選滑鼠時而產生的事件，包括滑鼠點選、移入事件、移出事件等；3、鍵盤事件，是使用者每次按下或釋放鍵盤上的按鍵時都會產生事件，包括按下按鍵事件、釋放按鍵按鍵等；4、表單事件，例如當元素獲得焦點時會觸發focus()事件，失去焦點時會觸發blur()事件，表單提交時會觸發submit()事件。

jQuery中如何實作select元素的改變事件綁定 Feb 23, 2024 pm 01:12 PM

jQuery是一個受歡迎的JavaScript函式庫，可以用來簡化DOM操作、事件處理、動畫效果等。在web開發中，常常會遇到需要對select元素進行改變事件綁定的情況。本文將介紹如何使用jQuery實作對select元素改變事件的綁定，並提供具體的程式碼範例。首先，我們需要使用標籤來建立一個包含選項的下拉式選單：

如何在PHP專案中實現日曆功能和事件提醒？ Nov 02, 2023 pm 12:48 PM

如何在PHP專案中實現日曆功能和事件提醒？在開發Web應用程式時，行事曆功能和事件提醒是常見的需求之一。無論是個人日程管理、團隊協作，或是線上活動安排，行事曆功能都可以提供便利的時間管理和事務安排。在PHP專案中實現日曆功能和事件提醒可以透過以下步驟來完成。資料庫設計首先，需要設計資料庫表來儲存日曆事件的相關資訊。一個簡單的設計可以包含以下欄位：id：事件的唯一

如何使用 PHP 建立基於事件的應用程式 May 04, 2024 pm 02:24 PM

在PHP中建構基於事件的應用程式的方法包括：使用EventSourceAPI建立事件來源，並在客戶端使用EventSource物件監聽事件。使用伺服器傳送的事件(SSE)傳送事件，並在客戶端使用XMLHttpRequest物件監聽事件。一個實用的例子是在電子商務網站中使用EventSource即時更新庫存計數，在伺服器端透過隨機更改庫存並發送更新來實現，客戶端則透過EventSource監聽庫存更新並即時顯示。

深入研究jQuery中的關閉按鈕事件 Feb 24, 2024 pm 05:09 PM

深入理解jQuery中的關閉按鈕事件在前端開發過程中，經常會遇到需要實現關閉按鈕功能的情況，例如關閉彈跳窗、關閉提示框等。而在使用jQuery這個流行的JavaScript函式庫時，實作關閉按鈕事件也變得異常簡單又方便。本文將深入探討如何利用jQuery來實現關閉按鈕事件，並提供具體的程式碼範例，幫助讀者更好地理解和掌握這個技術。首先，我們需要了解在HTML中如何定

See all articles

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

回复讨论(解决方案)

熱AI工具

Undresser.AI Undress

AI Clothes Remover

Undress AI Tool

Clothoff.io

Video Face Swap

熱門文章

熱工具

記事本++7.3.1

SublimeText3漢化版

禪工作室 13.0.1

Dreamweaver CS6

SublimeText3 Mac版

熱門話題