1. 程式人生 > >AJAX動態建立HTML元素click事件無效

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載入了HTMLHTML內部元素繫結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