jquery的live使用注意事项
-------------------------- 题记
最近开发遇到一个很奇怪的问题,一个按钮点击提交时发生多次请求,导致数据重复。
那么,经过调试发现,出现问题的原因便在于$("#id").live("click", function() {});这个live身上,若使用bind可能达不到要求,因为若异步请求后返回请求为html而不是json的话,当使用html重新刷新页面时,bind的组件可能失效。
--------------------------- 解决
所以,最后只能在html标签元素上面加上onclick属性来解决。
这样既解决了异步返回html格式的处理方式,也解决了由于类似于多次html()刷新页面(包括js部分)导致多次绑定而引起的一次点击多个请求的bug。
相关推荐
-
浅谈jquery上下滑动的注意事项
div: <div id="pay_box" class="vip_bottom"> fffff </div> style: .vip_bottom{position: fixed; display: none;//注意,先不显示,点击某个div后从上向下滑动,默认时none,这样才会有滑动效果 bottom:0px;//按照正常显示的时候写 width: 100%; box-sizing: border-box; height:80px;
-
jQuery中inArray方法注意事项分析
本文分析讲述了jQuery中inArray方法注意事项.分享给大家供大家参考,具体如下: jquery为web开发者提供了很大的便捷,本文写作的目地是提醒大家慎重jquery中的inArray方法. 大家都知道javascript是一种弱类型语言,对于数字类型和字符类型,可以随意切换(例如:1+""="1"),下面开始说主题: jquery的一个方法inArray(ele, array)是判断ele是否在array中存在,返回值是该元素第一次出现在数组array中的
-
jQuery ajax调用webservice注意事项
jquery ajax调用webservice(C#)要注意的几个事项: 1.web.config里需要配置2个地方 <httpHandlers> <remove verb="*" path="*.asmx"/> <add verb="*" path="*.asmx" validate="false" type="System.Web.Script.Services.
-
jQuery语法总结和注意事项小结
一.简介 1.1.概述 随着WEB2.0及ajax思想在互联网上的快速发展传播,陆续出现了一些优秀的Js框架,其中比较著名的有Prototype.YUI.jQuery.mootools.Bindows以及国内的JSVM框架等,通过将这些JS框架应用到我们的项目中能够使程序员从设计和书写繁杂的JS应用中解脱出来,将关注点转向功能需求而非实现细节上,从而提高项目的开发速度. jQuery是继prototype之后的又一个优秀的Javascript框架.它是由 John Resig 于 2006 年初
-
关于setInterval、setTimeout在jQuery中的使用注意事项
以前写定时器的时候,总是习惯直接 setInterval("fn()",2000); 最近碰到个问题,在使用jquery写定时器时,总是会出现fn不存在的错误提示,如下 $(function(){setInterval("fn()",2000);}) 解决方法是去掉引号和括号,采用最原始的方法 $(function(){setInterval(fn,2000);}) 另外一种就是在书写jq的扩展,如下 复制代码 代码如下: $(function(){ $.exten
-
jquery遍历checkbox的注意事项说明
这两天在做前端项目时,想通过jquery遍历页面上的checkbox,用以下代码: 复制代码 代码如下: var val_instanceCodeStr = ""; $("input[type='checkbox'] [name='chk_jvmMachineName']:checked").each( function() { val_instanceCodeStr += ","+$(this).val();
-
jquery的live使用注意事项
-------------------------- 题记 最近开发遇到一个很奇怪的问题,一个按钮点击提交时发生多次请求,导致数据重复. 那么,经过调试发现,出现问题的原因便在于$("#id").live("click", function() {});这个live身上,若使用bind可能达不到要求,因为若异步请求后返回请求为html而不是json的话,当使用html重新刷新页面时,bind的组件可能失效. --------------------------- 解
-
逐一介绍Jquery data()、Jquery stop()、jquery delay()函数(详)
首先给大家介绍jquery data()函数 jQuery中data()函数用于向被选元素附加数据,或者从被选元素获取数据.通过data()函数存取的数据都是临时数据,一旦页面刷新,之前存放的数据都将不复存在. 一.jquery data()的作用 data() 方法向被选元素附加数据,或者从被选元素获取数据. 通过data()函数存取的数据都是临时数据,一旦页面刷新,之前存放的数据都将不复存在. 该函数属于jQuery对象(实例).如果需要移除通过data()函数存放的数据,请使用 remov
-
关于jquery form表单序列化的注意事项详解
本文主要给大家介绍的是关于jquery form表单序列化的一些注意事项,分享出来供大家参考学习,下面话不多说,来一起看看详细的介绍: 我们先来讲讲表单中 中readonly和disabled的区别: readonly只对input和textarea有效, 但是disabled对于所以的表单元素都是有效的,包括radio,checkbox等 如果表单中使用的disabled那么用户是不能选择的,也就是说这个文本框是无法获取到焦点的,而readonly是可以获取到焦点,只是不能修改,为只读 最重要
-
jQuery中animate的几种用法与注意事项
一.animate语法结构 animate(params,speed,callback) params:一个包含样式属性及值的映射,比如{key1:value1,key2:value2} speed:速度参数[可选] callback:在动画完成时执行的函数[可选] 二.自定义简单动画 用一个简单例子来说明,实现单击某div在页面上横向飘动的效果. <style> #cube{ position:relative;/* 不加这句元素不能动 */ width:30px; height:30px;
随机推荐
- Angular4 中常用的指令入门总结
- 浅谈Xcode9 和iOS11适配和特性
- ASP.NET网站聊天室的设计与实现(第3节)
- javascript中等于(==)与全等(===)的区别说明
- 对PHP语言认识上需要避免的10大误区
- Zend Framework框架路由机制代码分析
- js取得参数代码
- android 中去掉窗口全屏显示的简单方法
- Android 动态高斯模糊效果教程
- node.js中的socket.io的广播消息
- Nodejs极简入门教程(一):模块机制
- $(document).ready(function() {})不执行初始化脚本
- 三种Android单击事件onclick的实现方法
- Android 修改系统关机动画的实现
- C# 改变无边框窗体尺寸大小的方法
- swiper插件自定义切换箭头按钮
- PHP 使用二进制保存用户状态的实例
- thinkPHP框架自动填充原理与用法分析
- Android中recyclerView底部添加透明渐变效果
- C#动态加载组件后如何在开发环境中调试详解