一个非常不错jquery确认删除插件
2013-06-27 00:54
465 查看
一直头疼不能找一个非常简单且实用的确认删除插件。但是,还是让我找到了。
效果图
![](file:///C:/Users/Administrator/AppData/Roaming/Tencent/Users/314482238/QQ/WinTemp/RichOle/S(4GQ9BB0GLN~I7RU0SOO3Q.jpg)
上代码
代码写的简单易懂,我很喜欢这种风格。
效果图
![](file:///C:/Users/Administrator/AppData/Roaming/Tencent/Users/314482238/QQ/WinTemp/RichOle/S(4GQ9BB0GLN~I7RU0SOO3Q.jpg)
上代码
/* * jQuery Plugin : jConfirmAction * * by Hidayat Sagita * http://www.webstuffshare.com * Licensed Under GPL version 2 license. * */ (function($){ jQuery.fn.jConfirmAction = function (options) { // Some jConfirmAction options (limited to customize language) : // question : a text for your question. // yesAnswer : a text for Yes answer. // cancelAnswer : a text for Cancel/No answer. var theOptions = jQuery.extend ({ question: "Are You Sure ?",//提示框问题 yesAnswer: "Yes",//确认按钮字符串 cancelAnswer: "Cancel"//取消字符串 }, options); return this.each (function () { $(this).bind('click', function(e) { e.preventDefault(); thisHref = $(this).attr('href');//获取原本a标签的href链接地址。 if($(this).next('.question').length <= 0) $(this).after('<div class="question">'+theOptions.question+'<br/> <span class="yes">'+theOptions.yesAnswer+'</span><span class="cancel">'+theOptions.cancelAnswer+'</span></div>'); $(this).next('.question').animate({opacity: 1}, 300); $('.yes').bind('click', function(){//绑定点击“是”的事件 window.location = thisHref;//继续执行原本a标签的跳转链接 }); $('.cancel').bind('click', function(){//绑定点击“否”事件 $(this).parents('.question').fadeOut(300, function() {//整个弹出窗体淡出 $(this).remove();//该试题消失 }); }); }); }); } })(jQuery);
代码写的简单易懂,我很喜欢这种风格。
相关文章推荐
- 非常不错的Jquery图片截取插件
- 一个非常简洁的 jQuery 图片轮播插件
- 删除提示确认是否删除javascript/js的写法以及封装为jQuery插件
- 一款效果非常不错的jquery插件 -Lightbox
- 介绍一个不错的jquery插件-cluetip
- Jquery非常不错的分页插件
- jquery.artwl.thickbox.js 一个非常简单好用的jQuery弹出层插件
- FlexSlider是一个非常出色的jQuery滑动切换插件
- 一个非常简单的jQuery分页插件
- FlexSlider是一个非常出色的jQuery滑动切换插件
- 一个不错的jquery下拉列表插件
- JQuery插件之确认删除对话框
- 【原创】一个非常简洁基于jquery原创无限级联ajax异步请求下拉框插件
- 分享一个不错的jquery表单验证插件
- 分享一个不错的JQUERY时间倒计时插件
- 一个非常不错的JQUERY的封装的开源组件包。
- [JQuery插件系列]-强烈推荐10个非常不错的jQuery工具提示插件
- 一个不错的jquery插件网站
- 25个非常不错的jQuery日历和日期选取插件
- jQuery Handsontable【jQuery插件-一个非常酷的可编辑表格】