删除提示确认是否删除javascript/js的写法以及封装为jQuery插件
2016-11-06 20:52
711 查看
因为考虑到删除时每个页面都有的,所以把一个js’写在common。js中,并在common。jsp中进行调用和调用jq。js,这样直接导入到jsp,当页面加载的时候,自然也就为删除添加了js事件
将js代码封装成jquery插件
var common = { myconfig:function(message){ return window.confirm(message); } }; $().ready(function(){ /** * 当页面进行加载的时候,给名称删除的超级连接添加一个事件 */ $("a").each(function(){ if($(this).text()=="删除"){ $(this).unbind("click"); $(this).bind("click",function(){ return common.myconfig("您确认要删除吗?"); }); } }); });
<%@ taglib prefix="s" uri="/struts-tags" %> <script language="javascript" src="${pageContext.request.contextPath}/js/jquery-1.4.2.js"></script> <script language="javascript" src="${pageContext.request.contextPath}/js/common.js"></script> <link rel="stylesheet" href="${pageContext.request.contextPath}/css/blue/pageCommon.css" type="text/css">
<%@ include file="/WEB-INF/jsp/common/common.jsp"%> <s:a action="">删除</s:a>
将js代码封装成jquery插件
插件jquery-confirm.js (function(jQuery){ $.confirm = function(confirJson){ $("a").each(function(){ if($(this).text()=="删除"){ $(this).unbind("click"); $(this).bind("click",function(){ confirJson.callback(); return window.confirm(confirJson.message); }); } }); } })(jQuery); <!-- 通过参数获取页面指定标签,给标签添加click事件 --> (function (jQuery){ $.confirm = function (Json){ } })(jQuery)
common.js // $().ready(function(){ /** * 当页面进行加载的时候,给名称删除的超级连接添加一个事件 */ $.confirm({ message:"您确认是否要删除吗?", callback:function(){ alert("我就是牛"); } }); });
<%@ taglib prefix="s" uri="/struts-tags" %> <script language="javascript" src="${pageContext.request.contextPath}/js/jquery-1.4.2.js"></script> <script language="javascript" src="${pageContext.request.contextPath}/js/jquery-confirm.js"></script> <script language="javascript" src="${pageContext.request.contextPath}/js/common.js"></script> <link rel="stylesheet" href="${pageContext.request.contextPath}/css/blue/pageCommon.css" type="text/css"> 通过common.js传入参数到插件,最后将两个js包含在common.jsp中,再把common.jsp引入到jsp.只要遇到删除。就自动触发这个事件。
相关文章推荐
- JavaScript js弹出确认消息框判断是否删除,删除前提示用户是否删除,点是删除,点否返回
- JavaScript js弹出确认消息框判断是否删除,删除前提示用户是否删除,点是删除,点否返回
- JavaScript js弹出确认消息框判断是否删除,删除前提示用户是否删除,点是删除,点否返回
- js实现删除文章弹窗提示是否确认
- javascript/js 判断是否安装flash player插件,提示安装方法。
- 兼容IE8以下浏览器input表单属性placeholder不能智能提示功能,以及使用jquery.validate.js表单验证插件的问题处理
- jQuery 中插件的使用与开发---附全部源码(含 jQuery1.3.2 for VS 的智能提示js文件)
- 简单的javascript链接点击后确认提示是否离开
- jquery.cvtooltip.js 基于jquery的气泡提示插件
- jquery.cvtooltip.js 基于jquery的气泡提示插件
- jQuery 插件取url参数[jquery.url.js]的使用以及文件下载
- 添加删除、更新按钮的提示确认信息,以及DATAGRID的添加、插入、更新、删除操作。
- 基于jQuery的弹出警告对话框美化插件(警告,确认和提示)
- JavaScript js弹出确认消息框判断是否删除,删除前提示用户是否删除,点是删除,点否返回
- eclipse aptana插件 —— 【javascript|html|css|jquery|…】自动提示
- Json2Template.js 基于jquery的插件 绑定JavaScript对象到Html模板中
- Jquery zzzbox 插件 工作机制 +源码解析(弹出遮罩,弹出提示确认框,装载某个)和"{}"问题
- 漂亮的js删除确认提示框
- jQuery 中插件的使用与开发---附全部源码(含 jQuery1.3.2 for VS 的智能提示js文件)
- jQuery弹出警告对话框美化插件(警告,确认和提示)