jquery on click 无效

2024-09-02

jQuery .on() 绑定事件无效

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

jQuery-append添加元素click无效

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

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:

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.使用鼠标左键的双击事件,

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

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

JQuery的click,trigger触发a标签的click事件无效的问题分析

今天在做一个手机端webAPP链接下载的时候,给a标签一个下载链接,但是通过 <a id="downFile" download="" href="" style="display:none;"></a> //方式一.使用Jquery触发点击事件不起作用,如下 $("#downFile").click(); $("#downFile").trigger("

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

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

解决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&

jQuery.Ajax IE8 无效（CORS）

今天在开发的时候,遇到一个问题,$.get()在 IE8 浏览器不起作用,但 Chrome,Firefox 却是可以的,网上资料很多,最后发现是 IE8 默认不支持 CORS 请求,需要手动开启下: jQuery.support.cors = true; //url 是跨域的地址 $.get(url, , function (data) { //... }); 参考资料:Ajax call not working in IE8 后来发现上面的设置在 IE8/IE9 中无效,需要另外的解决方案:j

jquery 自定义click事件执行多次

用jquery绑定一个按钮click事件后,第一次点击后一切正常,第二次点击竟然执行两次,以后越来越多, 后来查看文档发现 jquery click 不是替换原有的function 而是接着添加,所以才会执行次数越来越多. 在添加之前先将按钮click 函数解绑,然后再添加. 解绑方法 $("id").unbind('click');

JQuery实现click事件绑定与触发方法分析

原生JS通过什么方法绑定click事件? 原生js有一下三种方法为DOM对象绑定click事件, 第一种,在html中添加 onclick属性,在此属性中添加要绑定的事件函数,如下, 这种方法为html处理事件的原始方法,使得html和js过分耦合, 即表现层代码和行为层代码耦合: <html> <head> <script src="./jquery.js"></script> </head> <body>

jquery的click事件对象试解

在写这篇文档的时候,我并没有深入的去了解jquery的事件对象是什么样的构造,不过以我以往的经验,相信能说道说道,并且可能有百分之八十是正确的,所以我并不建议这篇文档具备一定的权威性,不过可以当成饭后茶点,稍微品味一番,看看我是如何理解这个对象的.当然这之前我肯定是了解了js原生的事件对象,否则也不会突然想发表一篇jquery的. 我们一般通过访问click事件的事件处理函数的第一个参数来访问这个事件对象,也就是人们常说的event对象,下面来看一下javascript原生的事件对象(chrom

jquery/Js属性无效

今天遇到个很奇葩的问题,就是checkbox的onchange时间无效,我一共写了两个checkbox的onchange事件,但就是只有一个能用,本来我以为是jquery的兼容问题,但是换成js还是不能用,checked和val都行,就是onchange事件无效,无效的checkbox的id为chkNull,这种命名也不该是关键字吧,但结果就是这个原因,换个id就可以了:坑死我啦..... document.getElementById('chkWu').onchange = function

为什么导入本地jquery.js老是无效？（已解决）

我从jquery官网里复制过来jquery.js内容,然后粘贴到本地,但是引用的时候总是无效. 在翻看脚本所在目录,无意间发现脚本文件是个jquery.js.js, 原来是我的文件的扩展名的问题, 所以我把名字改好,再次调试我的网页,脚本正常工作.

jQuery中click事件多次触发解决方案

jQuery 中元素的click事件中绑定其他元素的click事件. 因为jQuery中的click事件会累计绑定,导致事件注册越来越多. 解决方案: 1.能够避开,避免把click事件绑定到其他元素的例如click,hover等事件中. 2.不能避开,使用unbind("click"),然后再bind("click").

关于jQuery中click&live&on中的坑

click()方法: click()方法针对未创建的元素不起作用,譬如用js传入的元素,所以可以使用live()方法来操作未创建的元素属性 live()方法: $("button").live("click",function(){ $("p").slideToggle(); }); 该方法在1.9版本被弃用了. 根据jQuery的官方描述,live方法在1.7中已经不建议使用,在1.9中删除了这个方法.并建议在以后的代码中使用on方法来替代.

jQuery中click()，bind()，live()的区别（转）

原文:http://www.jquery001.com/click%28%29-bind%28%29-live%28%29-delegate%28%29.html click(),bind(),live()都是执行事件时使用的方法,他们之前是有一些区别的,我们在使用这些方法时应该根据需要进行选择. 1.click()方法是我们经常使用的单击事件方法: $("a").click(function(){ alert("hello");}); 当点击<a>时,

关于jquery的click()方法

昨天,有个同事研究了以下jqury的click()方法,代码如下: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <script type="text/javascript" src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script> &

百度地图在移动端下click无效的解决方案

这是由于百度地图在移动端屏蔽了click事件,在网上找到一种方法,利用touchClick方法来模拟click事件,代码如下(需要JQ插件): //给jquery添加touchClick方法 (function () { var defaults = { start: function (self, event) { }, move: function (self, event) { }, end: function (self, event) { } } $.fn.touchClick = f

jQuery li click失效问题

转自:http://blog.sina.com.cn/s/blog_64008ed70101nyoz.html 项目中使用到jQuery脚本插入一段代码,然后给代码加事件,但是click事件失效,网上找原因说是jQuery只能是对已经加载好的元素定义事件,那些后来添加插入的元素则需要另行绑定. 代码如下: <div class="hotel_info_pic" id="imgDiv"> <ul id="imgUl"> &l

jquery调用click事件的三种方式

第一种方式: $(document).ready(function(){ $("#clickme").click(function(){ alert("Hello World click"); }) }); 第二种方式: $('#clickmebind').bind("click", function(){ alert("Hello World bind"); }); 第三种方式: $('#clickmeon').on('cl

jquery on click 无效

热门专题