大橙子网站建设,新征程启航
为企业提供网站建设、域名注册、服务器等服务
这篇文章主要介绍了jquery移除、绑定、触发元素事件使用示例详解,需要的朋友可以参考下
创新互联建站主营饶平网站建设的网络公司,主营网站建设方案,app软件定制开发,饶平h5微信小程序定制开发搭建,饶平网站营销推广欢迎饶平等地区企业咨询
代码如下:
unbind(type
[,data])
//data是要移除的函数
$('#btn').unbind("click");
//移除click
$('#btn').unbind();
//移除所有
对于只需要触发一次的,随后就要立即解除绑定的情况,用one()
代码如下:
$('#btn').one("click",function(){.......});
触发操作
trigger()
方法触发被选元素的指定事件类型。
代码如下:
$('#btn').trigger("click");
也可以直接执行事件
代码如下:
$('#btn').click();
触发自定义事件
bind()
方法为被选元素添加一个或多个事件处理程序,并规定事件发生时运行的函数。
代码如下:
$('#btn').bind("myclick",function(){....});
模拟触发上面的绑定函数
代码如下:
$('#btn').trigger("myclick");
传递数据trigger(event,[param1,param2,...])
代码如下:
$('#btn').bind("myclick",function(event,message1,message2){...........});
$('#btn').trigger("myclick",["传给message1","传给message2"]);
触发执行默认操作
代码如下:
$("input").trigger("focus");
//不仅会触发input元素绑定的focus事件,还会触发默认操作——得到焦点
只触发绑定事件,不执行浏览器默认操作
代码如下:
$("input").triggerHandler("focus");
//只触发绑定事件,不执行浏览器默认操作
其他用法
绑定多个事件类型
代码如下:
$("div").bind("mouseover
mouseout",function(){.....});
添加事件命名空间
代码如下:
$("div").bind("click.plugin",function(){......});
在所绑定的世界类型后面添加命名空间,这样在删除事件时只需要指定命名空间即可。
代码如下:
$("div").unbind(".plugin");
//删除空间内的事件
$("div").trigger("click!");
//触发所以不包含在命名空间中的click方法
如果包含在命名空间的也要触发
代码如下:
$(“div”).trigger(“click”);
取消或者绑定函数
代码如下:
$('div').bind('click',
RecommandProduct);//为div绑定RecommandProduct
函数
$('div').unbind('click',
RecommandProduct);//取消RecommandProduct
函数
可以使用jQuery的trigger() 方法来响应事件
定义和用法
trigger() 方法触发被选元素的指定事件类型。
语法
$(selector).trigger(event,[param1,param2,...])
参数描述
event 必需。规定指定元素要触发的事件。可以使自定义事件(使用 bind() 函数来附加),或者任何标准事件。
[param1,param2,...] 可选。传递到事件处理程序的额外参数。额外的参数对自定义事件特别有用。
实例:
触发 select元素的change事件:
$("button").click(function(){
$("select").trigger("change");
});
不能触发click事件最常见的三种情况:\x0d\x0a 选择器使用错误,没有选择到标签;(请分享html代码分析);\x0d\x0a 标签比jquery方法慢加载,也就是 先加载的方法 , 后加载的标签;解决方法(将script标签与js方法 写在页面的底部 也就是 body 标签的下面)或者如下代码\x0d\x0a\x0d\x0a\x0d\x0a \x0d\x0a \x0d\x0a \x0d\x0a \x0d\x0a $(document).ready(function(){\x0d\x0a $(".test").click(function(){\x0d\x0a alert("333");\x0d\x0a });\x0d\x0a });\x0d\x0a \x0d\x0a 点击事件测试\x0d\x0a \x0d\x0a \x0d\x0a 点击弹出\x0d\x0a \x0d\x0a \x0d\x0a jquery文件或者js文件 导入路径错误或者没有导入 (新手低级错误);\x0d\x0a\x0d\x0a(纯手打,求采纳,已测试代码。梦魂清风 @author:dream breeze)!!
单单这么一句话属实是难以判断,怎么着也得见码说话吧。
但是本着能帮人处且帮人的共产主义精神,有下面几种原因:
1)代码错误,导致代码执行中断。这个最常见,也很好发现,打开控制台确认是否有错误产生即可。
2)事件绑定在元素出现之前。jQuery有个特点,就是出现这样的问题并不会报错,所以需要题主自己确认是否将绑定事件写到了元素出现之前。
3)事件冲突。这个描述有些不准确,大概意思是确认代码是否有取消事件的代码,或者说触发其他事件时候导致代码错误无法继续执行。
给你举个例子:
html xmlns=""
head
title/title
script src="js/jquery-1.8.0.js" type="text/javascript"/script
script type="text/javascript" charset="utf-8" language="javascript"
$(function () {
$("#check").click(function () {
alert("点击事件后就会触发这里");
});
});
/script
/head
body
a id="check" href="javascript:void(0);"点击事件/a
/body
/html