当使用 jQuery 的 on() 绑定点击事件,并且在 AJAX 请求失败时需要自动重试,你可以采用以下几种方法:
方法一:使用递归重试机制
$(document).on('click', '#myButton', function() {
var retryCount = 0;
var maxRetries = 3;
var retryDelay = 1000; // 1秒后重试
function makeRequest() {
$.ajax({
url: 'your-api-endpoint',
type: 'POST', // 或 'GET'
data: { /* 你的数据 */ },
success: function(response) {
// 处理成功响应
console.log('请求成功', response);
...
$('#prepareMatchlist tr td').live('click',function () {
$(this).parent().css('background','#FFE068').siblings().css('background','#ffffff');
});
这是一个点击表格里的td的时候使当前tr变色的js代码,一旦出现table里边嵌套table,当我们点击的时候,会使第二层表格里的tr也发生变色,这就不是我们要的了,我们只需要稍做修改:
$('#prepareMatchlist>tr>td').live('click',function () {
$(this).parent().css('background','#FFE068').siblings().css('background','#ffffff');
});
这里需要使用jquery,这里用1.7版本 ,更高版本的可以把live改成on...
unload(fn) 返回值:jQuery概述在每一个匹配元素的unload事件中绑定一个处理函数。 参数fn Function在每一个匹配元素的unload事件中绑定的处理函数。示例描述:页面卸载的时候弹出一个警告框:jQuery 代码:$(window).unload( function () { alert("Bye now!"); } );
submit(fn) 返回值:jQuery概述在每一个匹配元素的submit事件中绑定一个处理函数。submit事件将会在表单提交时触发参数fn Function在每一个匹配元素的submit事件中绑定的处理函数示例描述:如果你要阻止表单提交:jQuery 代码:$("form").submit( function () {
return false;
} );
submit() 返回值:jQuery概述触发每一个匹配元素的submit事件。这个函数会调用执行绑定到submit事件的所有函数,包括浏览器的默认行为。可以通过在某个绑定的函数中返回false来防止触发浏览器的默认行为。示例描述:提交本页的第一个表单:jQuery 代码:$("form:first").submit();
select(fn) 返回值:jQuery概述在每一个匹配元素的select事件中绑定一个处理函数。当用户在文本框(包括input和textarea)中选中某段文本时会触发select事件。参数fn Function在每一个匹配元素的select事件中绑定的处理函数。示例描述:当文本框中文本被选中时执行的函数:jQuery 代码:$(":text").select( function () { /* ...do something... */ } );
select() 返回值:jQuery概述触发每一个匹配元素的select事件这个函数会调用执行绑定到select事件的所有函数,包括浏览器的默认行为。可以通过在某个绑定的函数中返回false来防止触发浏览器的默认行为。示例描述:触发所有input元素的select事件:jQuery 代码:$("input").select();
scroll(fn) 返回值:jQuery概述在每一个匹配元素的scroll事件中绑定一个处理函数。当滚动条发生变化时触发参数fn Function在每一个匹配元素的resize事件中绑定的处理函数。示例描述:当页面滚动条变化时,执行的函数:jQuery 代码:$(window).scroll( function() { /* ...do something... */ } );
resize(fn) 返回值:jQuery概述在每一个匹配元素的resize事件中绑定一个处理函数。当文档窗口改变大小时触发参数fn Function在每一个匹配元素的resize事件中绑定的处理函数。示例描述:让人每次改变页面窗口的大小时很郁闷的方法:jQuery 代码:$(window).resize(function(){
alert("Stop it!");
});
mouseup(fn) 返回值:jQuery概述在每一个匹配元素的mouseup事件中绑定一个处理函数。mouseup事件会在鼠标点击对象释放时参数fn Function在每一个匹配元素的mouseup事件中绑定的处理函数。
mouseover(fn) 返回值:jQuery概述在每一个匹配元素的mouseover事件中绑定一个处理函数。mouseover事件会在鼠标移入对象时触发参数fn Function在每一个匹配元素的mouseover事件中绑定的处理函数。
mouseout(fn) 返回值:jQuery概述在每一个匹配元素的mouseout事件中绑定一个处理函数。mouseout事件在鼠标从元素上离开后会触发参数fn Function在每一个匹配元素的mouseout事件中绑定的处理函数。
mousemove(fn) 返回值:jQuery概述在每一个匹配元素的mousemove事件中绑定一个处理函数。mousemove 事件通过鼠标在元素上移动来触发。事件处理函数会被传递一个变量——事件对象,其.clientX 和 .clientY 属性代表鼠标的坐标参数fn Function在每一个匹配元素的mousemove事件中绑定的处理函数。
mousedown(fn) 返回值:jQuery概述在每一个匹配元素的mousedown事件中绑定一个处理函数。mousedown事件在鼠标在元素上点击后会触发参数fn Function在每一个匹配元素的mousedown事件中绑定的处理函数。
load(fn) 返回值:jQuery概述在每一个匹配元素的load事件中绑定一个处理函数。如果绑定给window对象,则会在所有内容加载后触发,包括窗口,框架,对象和图像。如果绑定在元素上,则当元素的内容加载完毕后触发。注意:只有当在这个元素完全加载完之前绑定load的处理函数,才会在他加载完后触发。如果之后再绑定就永远不会触发了。所以不要在$(document).ready()里绑定load事件,因为jQuery会在所有DOM加载完成后再绑定load事件。参数fn Function在每一个匹配元素的load事件中绑定的处理函数。...
我们在一些文章发布系统中,后台使用的编辑器插入图片的时候并不会自动给图片加上链接,有时候图片太大了,会将窗口撑开,为了不影响美观,我们也许会将图片缩小,于是乎,就要将图片放大,有些编辑器非常复杂,更改起来不方便,那么我们可以直接在显示文章内容的页面使用Javascript给图片批量都加上onclick事件。。。
假设如下一段文章内容存放于如下一个DIV中:
以下是HTML代码: <div id="content">
<img src="1.gif" />
<img src="2.gif" />
<img src="3.gif" />
<img src="4.gif" />
<img src="5.gif" />
</div>...