【解决Jquery向页面append新元素之后事件的绑定问题】的更多相关文章

解决Jquery向页面append新元素之后事件的绑定问题

/*经过用户技能标签增加样式*/ $(".s-edited").live("hover",function(){ $(this).toggleClass("borderd"); }) =================================== <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.o…

Jquery向页面append新元素之后，如何解决事件的绑定问题？

今天有get到一个新知识点,就是当我们向页面添加新的元素之后,加载之前的函数方法就对新元素失效了,下面我来说说如何解决这个问题的? 我先看jq api文档没有找到方法,无果只好到网上找些资料,果然找到live方法. 其实很简单: 1.这是项目要求达到的效果,当我没用live事件,只用了简单的hover事件时:hover事件没有加载进来,没有我想要的边框效果,效果图如下 /*经过用户技能标签增加样式*/ $(function(){ $(".s-edited").hover(functio…

解决Jquery中click里面包含click事件，出现重复执行的问题

出现问题的代码: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="zh-CN"> <head> <title&…

js的事件循环绑定和jQuery的隐式迭代

js的事件循环绑定和jQuery的隐式迭代 js事件循环绑定 jQuery隐式迭代 先举一个例子:给定一个ul,点击列表内的每一个li元素,使它的背景色变红,下边分别用js代码和jQuery实现. <ul> <li>item1</li> <li>item2</li> <li>item3</li> <li>item4</li> </ul> js事件循环绑定 var lis = docume…

jquery在页面加载完成后再append的元素事件无效问题

最近遇到一个问题,jquery在页面加载完成后再append的元素,append元素上有onclick事件,但是在append的元素上怎么点击都不会触发onclick事件.就如: <ul class="content"></ul> <span class="test">测试</span> <script type="text/javascript"> $(function() { $('…

ios访问web页面<div>点击事件不起效果，以及alert()显示url的解决办法

ios访问web页面<div>点击不起效果,在其div上添加style=”cursor:pointer:“ jquery web页面动态append()事件调用方法:$(document).on(e,class,function(){}); ios访问web页面alert()显示url的解决办法 重写alert()方法 window.alert = function(name){ var iframe = document.createElement("IFRAME");…

解决jQuery ajax动态新增节点无法触发点击事件的问题

在写ajax加载数据的时候发现,后面添加进来的demo节点元素,失去了之前的点击事件.为什么点击事件失效,我们该怎么去解决呢? 其实最简单的方法就是直接在标签中写onclick="",但是这样写其实是有点low的,最好的方式还是通过给类名绑定一个click事件. 解决jQuery ajax动态新增节点无法触发事件问题的两种解决方法,为了达到更好的演示效果,假设在某个页面的body下有以下结构的代码: <ul id="demo"> <li class…

jquery 关于使用 append 追加 元素后 事件无法触发

当在使用js或jQuery创建元素时,用 on(事件,function(){代码}) 或者 事件(function(){代码 })绑定事件时 在使用append添加元素后 由于是在页面加载完成之后进行的元素添加,所以事件不会触发(个人理解,不对勿喷) 这时我们需要给元素绑定事件 解决方案1: on绑定 $("父级元素").on("事件","当前元素",function(){ 巴拉巴拉......... }) 如果 父级元素 还不行 就用 $(do…

jquery 通过 live() 方法附加的事件处理程序适用于匹配选择器的当前及未来的元素（比如由脚本创建的新元素）

jquery 通过 live() 方法附加的事件处理程序适用于匹配选择器的当前及未来的元素(比如由脚本创建的新元素) $("ul").append("<li class='name'>名称</li>"); [错误] 然后通过下面的方式, 这样是不能获取的 : $(".name").click(function (){    alert("获取到append后的节点"); }) [正确] 正确的方法是:…

JS: javascript 点击事件执行两次js问题 ,解决jquery绑定click事件出现点击一次执行两次问题

javascript 点击事件执行两次js问题 在JQuery中存在unbind()方法,先解绑再添加点击事件,解决方案为: $(".m-layout-setting").unbind('click').click(function(){ //此处填写逻辑代码 }) ------ 因为利用js在页面加载后添加需要点击事件的代码,发现在点击后会代码会执行两次,因为有toggle效果,导致弹窗出现又很快丢失 查了一些资料,发现这是冒泡的原因,需要在点击事件代码中加入阻止冒泡的方法: e.s…