jquery自定义Confirm

//自定义confirm插件

//自定义confirm插件
//思路:1.事件操作:显示id为myConfirm的div层,并返回false;
//        2.事件操作:回调函数调用trigger()方法去自动执行事件,改变status的状态值,返回status;

var status=false;//定义为全局对象:记录dialog执行状态
$.fn.MyConfirm = function ($clickObj,$dialogObj) {
$dialogObj.dialog(
{ title: ‘确认框‘,
position: [100, 100],
modal:true,
buttons: {
‘ok‘: function () {
// $dialogObj.dialog(‘close‘);
status=true;
callback($clickObj,true,$dialogObj);

},
‘cancle‘: function () {
// $dialogObj.dialog(‘close‘);
status=false;
callback($clickObj,false,$dialogObj);
}
},
}
);
$dialogObj.text(" 确定要删除吗?");
return status;
}
function callback($clickObj,status,$dialogObj){
if($clickObj)
{
if(status==true){
$clickObj.trigger(‘click‘);
}
$dialogObj.dialog(‘close‘);
}
}

//测试

<script type="text/javascript">

//测试
$(function () {
$("#Btn").click(function () {
return $.fn.MyConfirm($(‘#Btn‘), $("#myConfirm"));
});
});
</script>

html页面:

<form id="form1" runat="server">
<div id=‘myConfirm‘>
</div>
name:<asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>
<asp:Label ID="Label1" runat="server" Text="Label"></asp:Label>
<asp:Button ID="Btn" runat="server" Text="submit" ClientIDMode="Static" OnClick="Btn_Click">
</asp:Button>
</form>

时间: 2024-09-29 18:25:33

jquery自定义Confirm的相关文章

jQuery UI实现的自定义confirm确认框简单介绍

jQuery UI实现的自定义confirm确认框简单介绍:本章节介绍一下jQuery UI自定义了一个confirm的确认对话框效果.通过html代码自定义对话框的显示界面和外观,可以自定义confirm框的按钮.本例中定义了一个confirm确认按钮和一个cancel取消按钮.html代码: <button id="callConfirm">Confirm!</button> <div id="dialog" title="

Jquery自定义扩展方法(二)--HTML日历控件

一.概述 研究了上节的Jquery自定义扩展方法,自己一直想做用jquery写一个小的插件,工作中也用到了用JQuery的日历插件,自己琢磨着去造个轮子--HTML5手机网页日历控件,废话不多说,先看看效果图吧 效果图很简单,代码封装在JQuery中,网页端只需要要调用即可: 二.Jquery自定义实体对象 Jquery可以自定义函数function,有没有可以定义实体对象,里面封装方法那?查询了一下资料发现,是可以的,不仅能够封装属性,还可以写自己的方法,调用模板代码如下: $.Calende

jQuery自定义动画

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>jQuery自定义动画</title> <script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script> <script

jQuery自定义组件——输入框设置默认提示文字

if (window.jQuery || window.Zepto) { /** * 设置输入框提示信息 * @param options * @author rubekid */ var setInputTipValue = window.setInputTipValue = function(target, options){ options = options ||{}; var _self = target.get(0); if(_self._initTip){ return false

jquery 自定义tab

<!DOCTYPE html> <html> <head> <script src="/jquery/jquery-1.11.1.min.js"></script> <script> $(document).ready(function(){ $("#a").mouseover(function(){ $(this).css("background-color","

jquery自定义插件——window的实现

本例子实现弹窗的效果: 1.jquery.show.js /* * 开发者:lzugis * 开发时间:2014年6月10日 * 实现功能:点击在鼠标位置显示div * 版本序号:1.0 */ (function($){ $.fn.showDIV = function(options){ var defaults = {}; var options = $.extend(defaults, options); var showdiv=$(this); var close, title, cont

jQuery自定义漂亮的下拉框插件8种效果演示

原始的下拉框不好看这里推荐一个jQuery自定义漂亮的下拉框插件8种效果演示 在线预览 下载地址 实例代码 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 <!DOCTYPE html> <html lang="en" class=

jQuery 自定义扩展,与$冲突处理

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <script src="jquery-2.2.4.min.js"></script> <script src="jQuery扩展.js"></script> <script> /

jquery 自定义类

jQuery自定义类封装: (function ($) { $.DragField = function (arg) { var name = "你好"; //这个是私有变量,外部无法访问 this.testFun = function () { //this.testFun方法,加上了this,就是公有方法了,外部可以访问. alert(arg.title + "," + name); }; }; })(jQuery); 使用方法: var a = new $.D