今天做項目用了append向HTML里面添加結構代碼,代碼添加之后,單擊事件就沒反應了。搞得我一臉懵逼,調了代碼很久實在不行,我百度了一下才發現,append添加的節點單擊事件是不會生效的。 原因: 原來append中的節點是在整個文檔加載后才添加的,頁面並不會為未來的元素初始化添加點擊事件 ...
原文地址:https: blog.csdn.net qq article details 菜單父級 解決方法 function .ajax url: Main GetType , success: function da 重點地方,將Layui在頁面加載時渲染出來的span.layui nav bar提前刪除掉 nav .find span.layui nav bar .remove .each ...
2020-09-03 16:33 0 1464 推薦指數:
今天做項目用了append向HTML里面添加結構代碼,代碼添加之后,單擊事件就沒反應了。搞得我一臉懵逼,調了代碼很久實在不行,我百度了一下才發現,append添加的節點單擊事件是不會生效的。 原因: 原來append中的節點是在整個文檔加載后才添加的,頁面並不會為未來的元素初始化添加點擊事件 ...
最近在項目上用layui框架后台iframe版,遇到的一些問題分享: 1.項目的左側菜單點擊對應的子菜單能自動刷新問題。 2.除了在左側有菜單,還需要在右側需要一個菜單(跳轉到新頁面),並且能夠伸縮自適應。 基於以上兩個點:先簡單的畫個草圖(場景) 直接用layui的模板是不符合項目 ...
$('').on('click', function(){}); 換成 $("body").delegate("","click", function(){ }); ...
項目中列表數據中隱藏着詳情數據, 圖一: 詳情數據是:根據當前行的數據作為參數,通過ajax請求到后台返回的數據,再根據返回的結果動態生成HTML頁面 圖二: js文件中的這些js的點擊事件無效: js代碼: // 推薦商家點擊標題展開與收起$('.toggle-tag ...
window.jumpDetail = this.jumpDetail; 其中jumpDetail是定義的點擊事件,在created 方法中添加 ...
'); }); >> .click只能為頁面現有的元素綁定點擊事件,如果是動態生成 ...
解決方案:將普通事件改為.on()委托事件 示例: 原因:動態添加的HTML元素是在CSS,JS代碼加載完成后再添加的HTML頁面。在瀏覽器解析這些通過ajax請求到后台 返回的數據,再根據返回的結果動態生成HTML頁面時,這些綁定事件的標簽元素還沒有生成。而普通.click ...
https://segmentfault.com/a/1190000014617129 ...