急急急!求助: 给按钮绑定一个对话框,将按钮上的原来事件转移到对话框的ok按钮上

quanqiufeng 2013-05-21 10:47:12
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>jQuery UI Dialog - Default functionality</title>
<link rel="stylesheet" href="../jquery-ui-1.10.2.custom/development-bundle/themes/base/jquery.ui.all.css">
<script type="text/javascript" src="../jquery-ui-1.10.2.custom/js/jquery-1.9.0.js"></script>
<script type="text/javascript" src="../jquery-ui-1.10.2.custom/js/jquery-ui-1.10.2.custom.js"></script>
<script type="text/javascript" src="../jquery-ui-1.10.2.custom/development-bundle/ui/jquery.ui.core.js"></script>
<script type="text/javascript" src="../jquery-ui-1.10.2.custom/development-bundle/ui/jquery.ui.widget.js"></script>
<script type="text/javascript" src="../jquery-ui-1.10.2.custom/development-bundle/ui/jquery.ui.dialog.js"></script>

<script>

$(function() {
$("#dialog").hide();

//怎么让下面按钮绑定的方法(该按钮还绑定了其他方法)转移到对话框的ok按钮上?前提是不复制代码到ok按钮的function中,
$(".btn").bind("click", function(){
alert("123");
});

$(".btn").click(function(){
$( "#dialog" ).dialog({
buttons: {
"ok": function(){

}
}
});

});
});
</script>
</head>
<body>
<button type="button" class="btn"> click</button>
<div id="dialog" title="Basic dialog">
<p>对话框.</p>
</div>
</body>
</html>
...全文
170 7 打赏 收藏 转发到动态 举报
写回复
用AI写文章
7 条回复
切换为时间正序
请发表友善的回复…
发表回复
quanqiufeng 2013-06-05
  • 打赏
  • 举报
回复
还没有找到合适的办法,先结贴啦
quanqiufeng 2013-05-23
  • 打赏
  • 举报
回复
类似于alert("123")这类绑定到按钮上的方法是前人写好的,楼主需要做的是指在按钮和这类方法之间加一个对话框,点击按钮,弹出对话框,点击ok来确定调用alert("123")这类方法 今天请教了个大神,给出的答复是将原本按钮上用来绑定alert("123")这类方法的class或id去掉,然后在ok按钮上添加相同的id或class或name, 个人觉得方法不错,尝试中
gaowenzhen 2013-05-22
  • 打赏
  • 举报
回复
你的 $(".btn")同时绑有, alert("123")和打开.dialog窗对吧, 你可不可以把它分开写, 如, fn123 function(){ alert(123); } ----- 然后在dialog 中再用fn123
quanqiufeng 2013-05-22
  • 打赏
  • 举报
回复
额,有没有什么好的思路呢
quanqiufeng 2013-05-22
  • 打赏
  • 举报
回复
就是点击click这个按钮, 不再弹出123这个alert框 , 而是弹出dialog,点击dialog的ok按钮会弹出123这个alert框,
bbjbepzz 2013-05-22
  • 打赏
  • 举报
回复
不知道是不是这个意思 function fn(){ alert("123"); } $(".btn").bind("click", fn); $(".btn").click(function(){ $( "#dialog" ).dialog({ buttons: { "ok": fn } }); });
似梦飞花 2013-05-22
  • 打赏
  • 举报
回复
那你在那个ok按钮上绑定那个事件试试 不明白你的意思
内容简介   《google android sdk开发范例大全(第3版)》在上一版的基础上,以android手机应用程序开发(采用android sdk 2.3.3)为主题,超过200多个范例全面且深度地整合了手机、网络及服务等多个开发领域,为读者提高程序设计能力提供了很大的帮助。    全书共分11章,主要以范例集的方式来讲述android的知识点,详细介绍了开发android的人机交互界面、android常用的开发控件、android手机收发短信等通信服务、开发android手机的自动服务功能和娱乐多媒体功能以及整合android与google强大的网络服务等内容。随书光盘中包括了所有范例的程序代码。    《google android sdk开发范例大全(第3版)》继承前两版由浅入深的方式,范例总数由原先的160多个增加到了200多个,在用户交互界面、手机控件、交互式通信服务、手机自助服务、娱乐多媒体等方面均增加了相应的范例来介绍新的开发技术,特别是新增加了第11章来专门介绍html5技术在android移动设备里的应用,相信当下两个热门技术的交汇会碰撞出不一样的火花。    《google android sdk开发范例大全(第3版)》内容由android的基础知识到实际开发应用,结构清晰、语言简洁,非常适合android的初学者和android的进阶程序开发者阅读参考。 目录 《google android sdk开发范例大全(第3版)》 第1章 了解、深入、动手做 1 1.1 红透半边天的android 2 1.2 本书目的及范例涵盖范围 3 1.3 如何阅读本书 4 1.4 使用本书范例 5 1.5 参考网站 6 第2章 android初体验 7 2.1 安装android sdk与adt/ddms 8 2.2 创建第一个android项目(hello android!) 11 2.3 android应用程序架构——从此开始 15 2.4 可视化的界面开发工具 18 2.5 部署应用程序到android手机 19 第3章 用户人机界面 22 3.1 更改与显示文字标签 23 3.2 更改手机窗口画面底色 24 3.3 更改textview文字颜色 26 3.4 置换textview文字 28 3.5 取得手机屏幕大小 29 3.6 样式化的定型对象 30 .3.7 简易的按钮事件 32 3.8 手机页面的转换 34 3.9 调用另一个activity 37 3.10 不同activity之间的数据传递 41 3.11 返回数据到前一个activity 44 3.12 具有交互功能的对话框 49 3.13 置换文字颜色的机关 51 3.14 控制不同的文字字体 52 3.15 如iphone拖动相片特效 54 3.16 自制计算器 56 3.17 关于(about)程序信息 58 3.18 程序加载中,请稍候 61 3.19 全屏幕以按钮重写 63 3.20 今晚到哪儿打牙祭 64 3.21 android变脸 67 3.22 打勾显示输入的密码 69 3.23 android多语系支持 71 3.24 判断手机操作系统版本是否允许运行程序 72 3.25 两个不同的程序彼此调用 75 3.26 指定安装应用程序迁移至sd卡 78 3.27 手机动态layout主题随手势物换迁移 79 第4章 史上超豪华的手机控件 84 4.1 edittext与textview共舞 85 4.2 设计具有背景图的按钮 86 4.3 给圣诞老人的信息 88 4.4 我同意条款 90 4.5 消费券采购列表 92 4.6 向左或向右 94 4.7 专业相框设计 96 4.8 自定义下拉菜单模式 99 4.9 动态添加/删除的spinner菜单 102 4.10 心爱小宝贝相片集 104 4.11 快速地搜索手机文件引擎 107 4.12 按钮也能随单击变换 109 4.13 具自动提示功能的菜单 110 4.14 数字及模拟小时钟设计 112 4.15 动态输入日期与时间 114 4.16 猜猜红桃a在哪儿 117 4.17 后台程序运行进度提示 121 4.18 动态文字排版 124 4.19 在activity里显示列表 128 4.20 以动态列表配置选项 130 4.21 查找程序根目录下所有文件 134 4.22 加载手机磁盘里的图片文件 137 4.23 动态放大缩小imageview里的图片 139 4.24 动态旋转图片 142 4.25 猜猜我在想什么 145 4

87,910

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧