1. 程式人生 > >JS動態生成的元素,其對應的方法不響應(比如單擊事件,滑鼠移動事件等)

JS動態生成的元素,其對應的方法不響應(比如單擊事件,滑鼠移動事件等)

主要原因:在頁面給元素註冊點選事件的時候【 $(function () {  XXX }); 】,JS動態生成的元素還尚未生成,所以click事件就沒有生效

解決方法:

方案一:js動態生成元素後再給其註冊事件 【註冊事件放在動態生成的js下面(js是從上往下執行的,當註冊事件的時候元素已經生成了,就不會出現註冊失效的現象了)】

話比較抽象舉個例子:

方案二:js動態生成元素的時候給他加上 onClick之類的方法 

舉個例子:

如果你又更好的方案,那小子受教了~~

相關推薦

JS動態生成元素對應方法響應比如事件滑鼠移動事件

主要原因:在頁面給元素註冊點選事件的時候【 $(function () {  XXX }); 】,JS動態生成的元素還尚未生成,所以click事件就沒有生效 解決方法: 方案一:js動態生成元素後再給其註冊事件 【註冊事件放在動態生成的js下面(js是從上往下執行的,當註冊事件的時候元素已經生成了

######zTree樹動態高度變化實現父元素隨之動態變化高度。參考: js動態設定元素的寬高

參考: js動態設定元素的寬高: https://blog.csdn.net/kerryqpw/article/details/72836291   ===》問題:   ===》解決:關鍵看:zTreeOnExpand() : ①思想:每次zTree

動態生成元素以及動態增加刪除屬性的方法

經過專案的訓練特此一記動態建立元素的方法 動態生成元素方法一: <script type="text/javascript" > var i=1; function cDiv(){ var oDiv=document.createElement("div");

js動態生成的標籤點選傳遞引數到js函式

在js函式中,動態生成了一系列<a>標籤,現在需要點選a標籤後,能夠傳值到點選後呼叫的函式,,嘗試了好久才成功! for(var i=0;i<len;i++){ var tr=oTbody.insertRow(i);

js動態生成勾選框選可多選

1、動態生成的位置,html程式碼: <body> <div class="show" id="show"> </div> </body> 2、這是ajax()的一部分,從資料庫取得所需的資料succes

js動態生成的dom無法啟動事件clickmouseover......

解決辦法:1.將執行事件的程式碼放在生成dom的 function 裡面 $.ajax({ url: "url", //json檔案位置 // url: "serialization.json", //json檔案位置

JS動態生成並新增行雙事件

//獲取某一出庫型別某日期所有出庫單 累計金額列表function getOutSheetAmtList(){        var hosnum=$('#hosnum').val();    var sdate=$('#sdate').val();//記賬日期 始    var edate=$('#eda

動態動態生成元素繫結事件生效解決方法

JQ動態生成的元素,無法繫結事件,查詢到的原因是:繫結事件的元素必須是構造頁面時已經存在的,假如構造元素是不存在,是後動態生成,則繫結不了,解決方法,通過on()繫結舉例:$("body").on("c

2017-05-17 js動態生成輪播圖小圓點

輪播圖 鼠標 borde images author eight 復習 innerhtml pad 從今天開始,把自己做的筆記轉移到博客園: 今晚復習了一下動態創建輪播圖小圓點做了一下小的筆記: 1 <!DOCTYPE html> 2 <html l

JS中獲取元素的第二種方法

utf display 獲取 重復執行 ecb sed 文檔 練習 elements 1.靜態方法   var oUl = document.getElementById(‘‘); 2.動態方法   document.getElementsByTagName(‘‘);

Js--動態生成表格

aaaaa tel 一個 click inpu document NPU UNC b+ <div> <h1>動態生成表格</h1> <div id="table1"> 行:&l

初學js---動態生成表格

tle innerhtml rip ont link -s oct ref 操作 動態生成表格並封裝函數: 1.動態創建表頭   *通過createElement(‘table‘)創建一個表格標簽——>通過createElement(‘thead‘)創建表頭——&g

js動態生成表格

htm round get test rem words contex .com cli 下面用js實現可以生成用戶所需行數的表格。 1.首先在body中填入下列代碼,獲取用戶填入的行數值 1 <table> 2 <tr> 3

兩個按鈕相關聯:改變員工級別對應的薪資也要相應改變。框架要求:SSM )

碰到一個需求: 升遷時:只允許修改僱員級別與部門編號,或新增部門,其他欄位不能修改.僱員底薪要相應改變. js介面獲取的值如下:員工級別從字典中獲取到,把級別對應的底薪用datalist顯示,往action傳的值為對應的員工級別; <tr> <td&

scrapy利用scrapy-splash爬取JS動態生成的標籤

1 引言 scrapy處理爬取靜態頁面,可以說是很好的工具,但是隨著技術的發展,現在很多頁面都不再是靜態頁面了,都是通過AJAX非同步載入資料動態生成的,我們如何去解決問題呢?今天給大家介紹一種方法:scrapy-splash 2 準備工作 首先需要安裝一下幾個工具 (1)

爬取JS動態生成的URL

愛卡汽車論壇搜尋結果頁面: 想要python爬取搜尋結果連結:a標籤中的href,但是這個url是動態生成的。 網頁原始碼: 用普通方式解析: import urllib.request url = "http://search.xcar.com.cn/metasea

JS獲取DOM元素的八種方法

通過 就是 ldoc tor cto 模型 直接 繼承關系 ie10 什麽是HTML DOM 文檔對象模型(Document Object Model),是W3C組織推薦的處理可擴展置標語言的標準編程接口。簡單理解就是HTML DOM 是關於如何獲取、修改、添加或刪除 HT

[Jsoup] 使用HtmlUnit + Jsoup解析js動態生成的網頁

在使用Jsoup過程中會遇到無法解析通過javascript動態生成的html網頁, 在Jsoup交流群中也經常會有人問到這個問題, 本文的解決辦法是使用HtmlUnit+Jsoup來解析動態dynamic網頁. 一般會出現動態js載入的網頁原始碼為, 某些關鍵性資料,

js動態生成二維碼

1、首先在頁面中加入jquery庫檔案和qrcode外掛 <script type="text/javascript" src="jquery.js"></script> <script type="text/javascript" src=

js----動態新增元素 && jQuery----動態新增元素

1.js    ocument.getElementById('id').innerHTML=innerHtml; var creatLi = function(data){ var innerHtml = ""; for(var i