jQuery-append添加元素click无效

很久没有使用jQuery,做项目的时候遇到一个小问题就是网页加载之后的append的元素是可以执行click事件,网页加载完成之后的,再次append的元素不执行click事件,简单的通过ul模拟一下: <ul class="content"> </ul> <span class="test">测试</span> 三种不同的点击方式,append之后的click无效,通过on执行,注意参数: $(function()…

JQuery on绑定click无效的的bug解决办法？

如果你在移动端使用zepto.js, touch 来代替click事件,那就没有上述标题的问题了.如果你仍然使用了click,在点击事件中苹果机就可能出现无效的结果. 第一种方法: 解决的方法很巧妙,就是给需要绑定事件的元素添加一个css cursor: pointer . 第二种方法: 把document换成selector的父元素,前提是父元素不是由JS生成的.…

处理jQuery append加入的元素绑定事件无效的方法

通过jquery append(或者before.after,一样)新添加进网页的元素,常用的事件不能触发,比如:append了id 为 abc 的元素,那么 $(#abc).click(function(){})是没有效果的. 解决方法:用on函数一直以为on函数只有2个参数正确格式: $("outerSelector").on('eventType','selector',function(){}): outerSelector 是一个一直存在的DOM, selector是你…

jquery动态添加元素无法触发绑定事件的解决方案。

jquery动态添加元素无法触发绑定的事件的解决方案. ╭(●｀∀´●)╯二狗最近在工作中遇到一个问题,即当用jquery动态添加元素后,发现给动态添加的元素却无法触发事件(╯#-_-)╯╧═╧ ( ╯#-_-)╯┴-┴.后来在网上查阅了一些资料,发现原来要这样处理๑乛◡乛๑: 先上我出错的代码: <!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8">…

jQuery动态添加元素事件

在项目中遇到需要jQuery动态添加元素的事件,做了一个demo,方便以后遇到相同的问题可以用上: <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title></title> <script type="text/javascript" src="js/jquery-1.7.1.min.js" >&…

[转]jquery append 动态添加的元素事件on 不起作用的解决方案

用jquery添加新元素很容易,面对jquery append 动态添加的元素事件on 不起作用我们该如何解决呢?on方法中要先找到原选择器(如例.info),再找到动态添加的选择器(如列.delete). 具体不多说了,请看下面的代码吧. <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <h…

jquery append 动态添加的元素事件on 不起作用的解决方案

用jquery添加新元素很容易,面对jquery append 动态添加的元素事件on 不起作用我们该如何解决呢?on方法中要先找到原选择器(如例.info),再找到动态添加的选择器(如列.delete). 通俗的说就是在谁上面append就用谁做父级. 代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd&qu…

jquery append 动态添加的元素绑定事件on

用jquery添加新元素很容易,面对jquery append 动态添加的元素事件on 不起作用我们该如何解决呢?on方法中要先找到原选择器(如例.info),再找到动态添加的选择器(如列.delete). 具体不多说了,请看下面的代码吧. <!DOCTYPE html"> <html> <head> <meta charset=UTF-8"> <title>测试</title> <script type=&…

用jquery添加新元素很容易，面对jquery append 动态添加的元素事件on 不起作用我们该如何解决呢？

用jquery添加新元素很容易,面对jquery append 动态添加的元素事件on 不起作用我们该如何解决呢?on方法中要先找到原选择器(如例.info),再找到动态添加的选择器(如列.delete). 代码: <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <h…

jquery 设置checked="checked"无效，radio未选中。。

jquery 设置checked="checked"无效,radio未选中.. 最好还是使用.prop(),在jQuery1.6版本之前.attr存在一些bug.在1.6之后它会自动把.attr()转换成.prop().…

jQuery append xmlNode 修改 xml 内容

jQuery append xmlNode 修改 xml 内容 http://blog.darkthread.net/blogs/darkthreadtw/archive/2009/04/29/jquery-xmlext-plugin.aspx jQuery读取xml内容是很简单的操作,但是,要修改就麻烦了.上面给了1个plugin,可以试试: 大家可以下載 jquery.xmlext.js回去玩,或是直接在 Mini jQuery Lab 用以下程式做測試: $.getScript("jque…

extjs的button控件fireEvent('click')无效问题

extjs的button控件fireEvent('click')无效问题 2012-06-06 16:39 891人阅读评论(0) 收藏举报 extjsbuttoncallbackfunctionquery extjs的button控件fireEvent('click')无效问题原因: 使用了button的handler()方法,但没有使用click事件. 解决: var queryBtn = Ext.create('Ext.button.Button', { id:…

jquery append

将已经存在的一个dom对象A,通过jquery append插入另一个dom对象B,将会改变dom树结构--即A成为了B的子元素. 举个例子: js: $(".table-container").append($(".table")); html: <div class="table-container"></div> <table id="table" class="table tab…

RichTextbox下Hyperlink的Click无效

原文:RichTextbox下Hyperlink的Click无效两种方式解决: 1.<RichTextBox IsReadOnly="True" IsDocumentEnabled="True" /> 参见:https://stackoverflow.com/questions/762271/clicking-hyperlinks-in-a-richtextbox-without-holding-down-ctrl-wpf 2.使用鼠标左键的双击事件,…

jQuery方法区别:click() bind() live() delegate()区别

今天看到一篇jquery 事件的文章,自己写了个小例子,虽然2种方式都可以实现,但是不太明白,找了点资料 $("#box1").delegate("p","click",function(e){//函数绑定到容器 alert(this.id) }) $("#box1 p").click(function(e){ alert(this.id) }) 博客链接 : http://www.cnblogs.com/zagelover/…

jquery append、prepend、before等等

1.jQuery append() 方法 jQuery append() 方法在被选元素的结尾插入内容. 实例复制代码代码如下: $("p").append("Some appended text."); 2.jQuery prepend() 方法 jQuery prepend() 方法在被选元素的开头插入内容. 实例复制代码代码如下: $("p").prepend("Some prepended text."); 3…

所谓jQuery.append()、jQuery.html()存在的XSS漏洞

使用jQuery.append().jQuery.html()方法时,如果其中内容包含<script>脚本而没有经过任何处理的话,会执行它. 简单的示例代码如下: var xssStr = '<script>console.log(1)</script>'; $('#test').html(xssStr); 控制台会打印出“1”. 同样的情况也存在于jQuery.append(),因为jQuery.html()内部也是调用jQuery.append(). 既然会存在执行…

关于 a 标签 jquery的trigger("click"),无法触发问题。

这个问题的原因不是jquery的trigger("click"), 函数的问题, 而是 a标签之间要有其他子标签,要对这个子标签调用trigger("click"),而不是a标签本身,如下 <a id="abc" href="www.baidu.com">错误的写法</a>: 这样写是不行的. <a id="xyz" href="www.baidu.com"…

jquery批量绑定click事件

jquery批量绑定click事件: var selects = $(".public_select dd ul li"); debugger; /*$(".public_select dd ul li a").each(function(){ /!*$(this).click(function(){ alert("aa"); })*!/ alert("cc"); $(this).bind("click",…

jquery关于on click事件的理解

jquery关于on click事件的理解 <pre><a style="min-width:60px; margin-left:6px;" wenzhangid="'+v['id']+'" type="button" class="btn btn-w-m btn-danger deletewenzhangbtn">删除 </a></pre>当这个删除按钮是动态生成的那时间也要写…

jQuery 新添加元素事件绑定无效

jQuery中事件绑定,大多使用on就足够了. 但是对于新添加的元素 on 的绑定事件会不起作用. 因为 append 中的节点是在整个文档加载之后才添加的,页面并不会为未来的元素初始化添加点击事件,因此这种方式添加的节点的点击事件是无效的. 解决方法: 事件委托.事件委托就是利用事件冒泡的原理,把事件添加到父元素或祖先元素上,触发执行效果. 原代码: $('#ul li').on('click', function() { alert($(this).html()) }) 修改为: $…

jquery 清空动态append添加元素,remove方法

<html> <head> <script type="text/javascript" src="jquery-1.9.1.js"></script> </head> <body> <div> <ul> <li id="pp"><a href="#" name="lifan" onclick=…

jquery中添加元素append，prepend，before和after方法的区别

append:在元素内部的最后面添加元素,作为子元素. prepend:在元素内部的最前面添加元素,作为子元素. before:在元素的前边,作为兄弟元素添加. after:在元素的后边,作为兄弟元素添加. 举个栗子: <body> <div class="div"> <p>我是本来就存在的</p> </div> <hr /> <div class="base">我要给我前边加一个兄…

jquery append 方法应用

<!DOCTYPE html><html><head><meta charset="utf-8"><title></title><script src="http://cdn.static.runoob.com/libs/jquery/1.10.2/jquery.min.js"></script><script>$(document).ready(functi…

jQuery .on() 绑定事件无效

前几天,要在移动端实现一系列的功能,用 HTML + JS. 按照以往的思路,事件绑定就直接 $(document).on "click", "selector", ()-> 上了. 结果到了移动端打开页面,发现绑定的事件全都没有绑定上,按钮点击无效,滑动不反应.百思不得其解. 后来想了想,难道是因为绑定的时候页面还没有 ready?于是又把事件绑定全都写在了 $(document).ready ()-> 中. 刷新移动端浏览器,问题并没有被解决. 然后…

jquery - append prepend after before animate clearQueue stop

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <script src="jquery.min.js"></script> </head> <style> .demo{ width: 400px; hei…

jquery append()方法与html()方法使用方法差别

append(content):方法在被选元素的结尾(仍然在内部)插入指定内容,有非常多朋友认为append与html差点儿相同.其他从英文意义上append是在原有基础上添加,而html中是替换当前全部内容. 定义和使用方法 append() 方法在被选元素的结尾(仍然在内部)插入指定内容. $(selector).append(content) 使用函数来附加内容使用函数在指定元素的结尾插入内容. 语法 $(selector).append(function(index,html)) 实例…

Jquery append()总结（一）转载

转载自:http://dushanggaolou.iteye.com/blog/1173457 append(content) /** * 向每个匹配的元素内部追加内容. * 这个操作与对指定的元素执行 appendChild 方法,将它们添加到文档中的情况类似. * * @content(String, Element, jQuery) 要追加到目标中的内容 * @return Object * @owner jQuery Object */ function append(content)…

jQuery动态添加元素,并提交json格式数据到后台

参考:https://www.cnblogs.com/shj-com/p/7878727.html 下载下载该插件的地址是:http://www.bootcdn.cn/jquery.serializeJSON/ 使用 <script type="text/javascript" src="jquery.js"></script> <script type="text/javascript" src="jq…

jquery的on()绑定无效的方式

on前面的元素也必须在页面加载的时候就存在于dom里面.动态的元素或者样式等,可以放在on的第二个参数里面 jQuery on()方法是官方推荐的绑定事件的一个方法.使用 on() 方法可以给将来动态创建的动态元素绑定指定的事件,例如append等. ? 1 2 3 <div id="test"> <div class="evt">evt1</div> </div> 错误的用法,下面方法只为第一个class 为 evt…

【jQuery-append添加元素click无效】的更多相关文章