jquery的modal,使用jquery

jquery modal（）是干什么的

特点

让客户满意是我们工作的目标，不断超越客户的期望值来自于我们对这个行业的热爱。我们立志把好的技术通过有效、简单的方式提供给客户，将通过不懈努力成为客户在信息化领域值得信任、有价值的长期合作伙伴，公司提供的服务项目有：域名申请、虚拟主机、营销软件、网站建设、汾西网站维护、网站推广。

自定义动画和定位

自定义模态窗口样式，没有预定义的样式表！.

感谢网友Hero提供的方法

用法

1- HEADER

link href="/component_v1.0/moaModal-master/css/style.css" rel="stylesheet" type="text/css"

script src="/component_v1.0/moaModal-master/js/Sweefty.js" type="text/javascript"/script

script src="/component_v1.0/moaModal-master/js/moaModal.minified.js" type="text/javascript"/script

script src="/component_v1.0/moaModal-master/js/extension.js" type="text/javascript"/script

2- HTML

div id="workbook" class="pf_work"a href="#" class="workbook1"img src="/main_style/img/work_book.jpg"/a/div

div id="workbookQuery" class="block modal2" /div

为 modal 指定对应的 target，或者监听不同按钮的点击事件，判断按钮来弹出指定modal。你用的应该是 Bootstrap 里的 modal 组件吧？建议仔细阅读API：（中文版的哦）

$.modal({

title: "此号码已被使用",

text: "请使用未被使用的手机号码进行注册，你可以更换号码或直接使用此号码登录",

buttons: [

{ text: "更换号码", onClick: function(){

$("#tel").val("");

$("#tel").attr("placeholder","请输入手机号码");

} },

{ text: "使用此号码登录", onClick: function(){

window.location.href = base_path + "wechat/portal/promotion/hongbao/wechat-login.jsp";

} },

]

});

本文名称：jquery的modal,使用jquery
分享URL：http://azwzsj.com/article/phgjoc.html