jQuery繫結img的click事件
用JQUERY給IMGelement繫結click事件的時候,直接用img.click(function(){...})不起作用,如下面程式碼
$("img.ms-rteImage-LightBox").click(function(){
SP.UI.ModalDialog.showModalDialog({
url: $(this).attr("src"),
title: $(this).attr("alt")
});
});
解決這個問題需要用jquery裡面bind函式去附加click event. 如下:
$("img.ms-rteImage-LightBox").bind("click",function(){
SP.UI.ModalDialog.showModalDialog({
url: $(this).attr("src"),
title: $(this).attr("alt")
});
});
相關推薦
JQuery繫結click事件的3種寫法
1.首先你得有jquery 1.7以上的版本的js 2.將js匯入專案 3.jsp原始碼 <%@ page language="java" contentType="text/html; ch
js/jQuery繫結將來生成的事件
HTML <button class="num1">點選生成按鈕</button> <div class="newbtn" id="newparent" style="width: 400px;height: 80px;border: 1px solid r
jquery繫結事件 bind和on的區別
bind和on都是給元素繫結事件用的,其最大的區別就是事件冒泡 事件冒泡也是委託事件的原型,事件委託就是子類的事情委託給父類的去做 最直觀的區別就是on繫結比bind繫結多一個引數'childSelector' 語法 $(selector).on(event,childSelecto
JQuery繫結事件bind()方法和on()方法的優缺點
jQuery繫結事件的方法有四種:bing()、live()、delegate()、on(),其中live(),已經被淘汰了,其存在很多的問題,不適合使用,而delegate能夠在繫結事件後,依然可以新增動態元素事件。on()可以說是前三種方法的結合體。 1.bind()方法: b
Jquery 繫結事件方式比較
兩個概念: 靜態繫結:只適用於當前元素,不適應未來的元素(比如由指令碼建立的新元素); 動態繫結:適用於當前及未來的元素。 1、在DOM元素中直接繫結 該方法支援動態繫結。例如:<input type="button" value="點我" o
jQuery on() 方法 為選定已存在元素和未來元素繫結標準事件和自定義事件
很有必要說說jQuery的on方法,這個方法存在大乾坤大奧祕,主要注意兩點: 1、為已存在元素和未來元素(動態新增元素)繫結處理函式。 2、自定義一個非標準的事件並繫結處理函式。 定義和用法 on() 方法在被選元素及子元素上新增一個或多個事件處理程式。 自 jQuery 版本 1.7 起,on()
關於jQuery繫結事件on和bind的區別詳解
如題,jQuery兩種繫結事件,舉例說明: //對於ul_li的繫結方法 //方法一: $("ul li").bind("click",function(){console.log($(this))}); //方法二: $("ul li").on("click",fun
jQuery繫結動態元素的點選事件無效
示例如下: <div> <ul id="demo"> <li>Kubernetes:下一代分散式系統的護戒使者</li> <li>機器學習工具--Pandas cheat sheet</li> <li&g
jquery 繫結 動態html標籤事件
可以這樣理解,無論HTML內容是不是JS生成的,只要沒有跨域,所有頁面內的元素都屬於這個頁面,都能夠繫結事件,JS中有個非常重要的概念叫事件冒泡,簡單來講,就是子元素產生的事件,會一直冒泡到最頂級父元素,並能夠被父元素監測到。請看下圖: 事件冒泡 那麼,我能不能在被插
JS與jQuery繫結事件的寫法
js 1.直接在html標籤中繫結 在html標籤中新增“on”+事件名稱的屬性來繫結事件 <button type="button" id="btn" onclick="alert(1)">點選</button> 2.在DOM元素上繫結 DOM元素新增‘
JQuery的事件繫結與事件委託
1、事件委託與事件繫結概念 事件繫結:將普通的事件event繫結在DOM節點上,當DOM節點被選中時,將事件與之繫結,方便使用者提供相應的操作。比如:在button按鈕上繫結click滑鼠事件,在input中繫結focusin焦點事件等等,具體的例如:常常在
jquery a 標籤繫結click事件
$(document).ready(function() { $("a[name='del']").click(function(){ Ext.Msg.confirm('提示','你確定要刪除該公告嗎?',function(butto
JQuery繫結事件與移除事件、動畫
繫結事件:bind()、on()、live()、delegate()、keyup(); 觸發事件:trigger(‘keyup’)、keyup(); 解綁事件:unbind()、off()、die()、undelegate(); 符合事件:hover()
Jquery繫結事件,模擬form表單提交
//Jquery物件繫結事件: $("#clean").bind('click',function(){ //程式碼區 }); //取消按鈕繫結的時間: $("#save").attr("onclick","javascript:void(0)"); //
jquery繫結事件優化網頁效能(使用on進行事件委託)
自身認知限制,在之前做專案使用jquery框架的時候會直接使用$(obj).click(function(){})(click可以換成其他的事件)為目標物件繫結事件,並沒有覺得有什麼不妥。今天看了一篇部落格驚著了。原來光是知其然,不知其所以然。 例子如下:在頁面中新增10
jquery事件繫結和事件委託
參考文件: http://blog.csdn.net/xxd851116/article/details/8646899 http://www.jb51.net/article/57827.htm http://www.jb51.net/article/67166.ht
用jquery 繫結一個按鈕click事件後,第一次點選後,一切正常,第二次點選,竟然執行兩次,以後越來越多
用jquery 繫結一個按鈕click事件後,第一次點選後,一切正常,第二次點選,竟然執行兩次,以後越來越多。 後來檢視文件發現 jquery click 不是 替換原有的function 而是接著新增,所以才會執行次數越來越多。 這有就可以在新增之前要先解除cli
用jquery 繫結一個按鈕click事件後,第一次點選後,一切正常,第二次點選,竟然執行兩次,以後越來越多
用jquery 繫結一個按鈕click事件後,第一次點選後,一切正常,第二次點選,竟然執行兩次,以後越來越多, 後來檢視文件發現 jquery click 不是 替換原有的function 而是接著新增,所以才
jquery繫結事件的方法on中獲取當前所在元素及子元素的方式
有時我們要使用jquery中的繫結事件的方法on,來獲取當前所在元素,以及當前所在元素的子元素,可以參考: $(document).on('mouseover', '#item', functio
【jQuery】使用unbind()方法移除元素繫結的事件
unbind()方法可以移除元素已繫結的事件,它的呼叫格式如下: $(selector).unbind(event,fun) 其中引數event表示需要移除的事件名稱,多個事件名用空格隔開,fu