AJAX動態建立HTML元素click事件無效
解決辦法:將click事件繫結到body元素下面(缺點:body上事件繫結多了,頁面受不了)
$("body").on("click","Ajax動態建立的元素",function(){
//do something important,haha
});
示例如下:
$("body").on("click",".freeLook,.subBox span",function(){ $('#layer').removeClass('access-hide'); }); $("body").on("click",".appoint_cancelbtn",function(){ //清空內容 $("#layer dd input[type=text]").val(''); $("#layer dd input[type=radio]").attr("checked",false); $("#layer dd textarea").val(''); $('#layer').addClass('access-hide'); });
感謝大神:原文
相關推薦
AJAX動態建立HTML元素click事件無效
解決辦法:將click事件繫結到body元素下面(缺點:body上事件繫結多了,頁面受不了) $("body").on("click","Ajax動態建立的元素",function(){ //do something important,haha }); 示例如下:
使用ajax動態載入html元素時,onclick事件失效
原因:ajax動態載入之前js就載入完了,事件沒有繫結到動態生成的dom元素上。 問題:使用on事件,$('#btn').click(function(){})繫結無效 解決方案:使用on繫結事件。$(document).on('click','#btn',functio
AJAX載入了HTML,HTML內部元素繫結CLICK事件無效
被這個問題糾結了一晚上,真tm給跪了。然後在知乎上找到了答案。大神寫得太好了,學習了。用ajax載入DOM,先執行js檔案,再載入DOM。事件沒有繫結DOM元素上。但是,將事件委託給父元素處理,就不受ajax載入的DOM影響了。$('.load').on('click',fu
JS在HTML頁面內動態建立SVG元素
最近在學習資料視覺化,深入瞭解瞭如何在網頁上實現資料的動態視覺化。比如D3.JS主要應用JS在HTML頁面內動態生成SVG元素並繫結資料。 以下是我的例程: <!DOCTYPE html> <HTML> <HEAD> <
用jQuery繫結事件到動態建立的元素上
jQuery最常用的一個功能就是對DOM的操作,與之相關的比如對事件的繫結和Ajax動態內容載入。當我們繫結事件到Ajax load回來的內容上或其他動態建立的元素上時會發現事件沒響應,和你預想的結果不同,就像沒這會事兒一樣。這是前端開發 非常蛋疼的問題。jQuery在1.
jQuery使用on()繫結動態生成元素的事件無效的問題
jQuery的on()方法可以繫結動態生成元素的事件,但是在實際使用時發現無效。如下HTML: 1 2 3 <p> <a>123</a> </p> 使用如下方式,對靜態元素有效,但是繫結動態
ajax 動態載入html後不能執行其中的js解決方法
cti 寫入 match IT 通過 如果 frame tro 其他 事件背景 有一個公用頁面需要在多個頁面調用,其中涉及到部分js已經寫在了公用頁面中,通過ajax加載該頁面後無法執行其中的js。 解決思路 1. 采用附加一個iframe的方法去執行js,為我等代碼潔癖者
【轉載】動態生成html元素並為元素追加屬性
追加內容 min utf-8 color meta rep lin type ctype 動態生成HTML元素的方法有三種: 第一種:document.createElement()創建元素,再用appendChild( )方法將元素添加到指定節點 1 <!DOC
JQ操作動態建立的元素
給動態建立的元素新增事件: $(document).on('click','obj',function(){ }) 刪除動態建立的元素: $('#logisticsInfo').delegate('.delBtn','click',function(){ if(confi
Swiper外掛 loop:true時引發繫結dom的click事件無效及解決方案
現象 在使用 swiper 這個庫的時候,一旦設定 loop:true 的時候,有時會遇到 dom 繫結事件無法觸發的問題。 原因 當loop模式下slides前後會clone若干個slide,從而形成一個環路,但是卻不會複製繫結在dom上的c
Swiper外掛 loop:true時引發繫結dom的click事件無效及解決方案
現象 在使用 swiper 這個庫的時候,一旦設定 loop:true 的時候,有時會遇到 dom 繫結事件無法觸發的問題。 原因 當loop模式下slides前後會clone若干個slide,從而形成一個環路,但是卻不會複製繫結在dom上的click事件。 解決
AJAX動態建立表格例項
[size=medium]初學AJAX,把一些學習的點滴記錄下來!以備以後參考[/size]<%@ page language="java" contentType="text/html; charset=ISO-8859-1" pageEncoding="utf
jquery 對後來生成的js程式碼的click事件無效
直接寫在頁面裡面的click事件有效: <a class="deleteCls" beanId="${bean.id }" href="JavaScript:void(0)">刪除</a> $("a.deleteCls").click(funct
SVG 動態添加元素與事件
pen == amp list 格式 gree cli clear art SVG文件是由各個元素組成。元素由標簽定義,而標簽格式即html的元素定義格式。但是載入一個SVG文件,卻無法通過常規的js獲取對象方式來獲取到SVG中定義的元素,更無法通過這種方式來動態添加SV
Webbrowser動態插入HTML元素
測試環境:vs2010sp1 Author: [email protected] 前言:給自己看的,免得時間長了,忘記。 標頭檔案片段(CMSHTMLDisableDragDispatch原始碼網上可以google出來): public: CComPtr<
javascript動態插入html元素
主要有是兩種方案: 1.使用DOM //使用createElement建立元素 var dialog = document.createElement('div'); var img = document.createElem
DF-GUI動態建立按鈕並關聯事件
在官網程式碼基礎上增加,通過委託關聯按鈕處理程式碼: using UnityEngine; using System.Collections; using System.Collections.Generic; [AddComponentMenu( "Daikon Fo
jQuery給動態生成的元素新增事件
有時需要向頁面內動態新增元素,其中可能還需要給這些追加的元素繫結事件,這時候採用jquery是很方便的。 1、採用live()方法(該方法於1.7版本後廢棄): live()方法可以給所有元素附加一個事件處理函式,甚至包含動態新增的元素,其採用事件委託的處理
jQuery on() 方法—向未建立的元素新增事件處理程式
向未來的元素新增事件處理程式(演示 on() 方法也適用於尚未建立的元素) <!DOCTYPE html> <html> <head> <scri
bootstrapValidator 動態新增html元素的驗證
1,動態新增的元素如果想要驗證需要用到 addField,為相應增加的元素name新增驗證 function addValShow() { $("#formAppointment").bootstrapValidator("addField", "departmen