今天有人在群里发问:“art.dialog. texterea 里面 onkeyup 怎么不起作用啊?artdialog 如何给textarea 添加事件?”。
我最近用artDialog时也发现了几个问题,后来发现新版的有问题,如果使用旧版本则没有这个问题,我链接到一个页面,会有一个弹出,然后自动关闭。
当我们写下如下代码:
function aa(){
var haha = 1;
art.dialog({
content: 'hello',
ok: function () {
this.title('关闭').time(3);
haha = 2;
return false;
},
cancel:function(){this.close();}
});
return haha;
}
如何在对话框里点"是",改变haha值为2啊?
这个函数看似简单,但是你试试就发现,没有返回。其实art内部已经跨越多个函数了,可以试试把haha设为全局变量。如何做呢?不要在函数内部声明haha。于是,代码成了
var haha = 1;
function aa(){
art.dialog({
content: 'hello',
ok: function () {
this.title('关闭').time(3);
haha = 2;
return false;
},
cancel:function(){this.close();}
});
return haha;
}
原来是传说中的闭包在搞怪啊。
本文来源:关于网页前端框架art.dialog的一些问题
分享到:
相关推荐
综上所述,"art.dialog.rar"是一个包含artDialog对话框库及其辅助工具的资源包,适合用于网页开发中创建交互式的对话框。开发者可以通过导入这些文件,轻松地在网页上添加对话框功能,并通过`iframeTools.js`扩展其...
"art.dialog"是一款高效、轻量级的弹窗插件,专为简化网页中的弹出对话框实现而设计。这款插件的特点在于它无需预先加载文件,能够在需要时快速响应,提供灵活、自定义化的用户体验,同时保持了代码的简洁和易用性。...
"art.dialog"是一款在网页开发中常用的JavaScript弹出对话框插件,它的主要功能是提供一个可自定义的对话窗口,用于展示各种信息或者进行交互操作。从标题来看,我们聚焦的是这个对话框在下载场景中的应用,可能是...
.artDialog .art-content { background-color: #f0f0f0; } ``` 此外,`artDialog`提供了多种内置的对话框类型,如`alert`、`confirm`和`prompt`,这些可以直接调用对应的函数实现: ```javascript // Alert 提示 ...
《jQuery.dialog.js:网页弹出对话框的美化与特效实现》 在网页设计中,对话框(dialog)是一种常见的交互元素,用于展示重要的信息或进行用户操作确认。jQuery.dialog.js是一个专为网页开发者设计的轻量级插件,...
在网页开发中,弹出框是常见的交互元素,而art_dialog作为一款强大的jQuery插件,提供了比alert更为丰富的功能,适用于各种复杂的对话场景。使用art_dialog,我们可以创建出定制化的弹出窗口,增强用户体验。在...
至于附件中的"旧版Theme.Dialog.png"和"新版Theme.Holo.DialogWhenLarge.png",它们很可能是用来比较两种主题在实际应用中的视觉效果。通过图片对比,开发者可以直观地看到更改主题后的界面差异,帮助他们评估并确认...
`jQuery.dialog.js`是基于jQuery库的一个经典弹出框插件,它为网页开发者提供了方便、灵活的对话框功能。这个插件使得在网页中创建模态或非模态的对话框变得轻而易举,无需复杂的HTML和CSS布局,大大简化了前端交互...
以上就是关于jQuery.dialogBox.js动画对话框插件的基本介绍和使用方法。通过熟练掌握这个插件,你可以在网页项目中快速实现丰富的对话框效果,提升用户交互体验。同时,这也是学习jQuery和JavaScript的一个好起点,...
其中,`jQuery.dialog`插件更是为创建弹出对话框提供了丰富的功能和高度的自定义选项,极大地提升了网页的交互性和用户体验。本文将深入解析`jQuery.dialog`插件的关键参数,帮助开发者更好地理解和运用这一工具。 ...
art.dialog({ content: '你好,欢迎来到artdialog的世界!' }); ``` 这将在页面中央显示一个简单的对话框,包含文本“你好,欢迎来到artdialog的世界!”。 ### 自定义配置 `artdialog`提供了大量的配置选项以...
在这些元素中,Dialog是创建弹出式窗口或模拟对话框的常用工具,广泛应用于网页中的提示、确认和设置等场景。 Dialog组件允许开发者将任何HTML元素转化为一个具有关闭按钮、标题、拖动功能和可调整大小的交互式窗口...
在Web开发领域,JavaScript库如jQuery极大地简化了前端交互的复杂性,其中jQuery.ui、jQuery.modal等对话框插件为开发者提供了丰富的对话框解决方案。然而,对于初学者来说,这些插件可能过于庞大或者配置复杂。此时...
里面是经过修改的jquery.ui.dialog.js(版本jQuery UI Dialog 1.8.12),添加了parentElement: 'body',详情查看http://forum.jquery.com/topic/dialog-will-move-its-div-tag-to-body
《jQuery.dialog.js网页弹出对话框美化特效插件详解》 在网页开发中,弹出对话框是一种常见的交互设计,用于向用户展示重要的信息或进行关键操作。jQuery库以其简洁的API和强大的功能,成为了JavaScript开发者们...
$dialog.dialog("destroy"); ``` **5. 使用 ThemeRoller 设计样式** jQuery UI 提供了一个名为 ThemeRoller 的工具,允许你自定义对话框和其他组件的样式。通过调整颜色、字体和布局,你可以使对话框与你的网站...
《jQuery Alert Dialogs:以JavaScript实现Alert、Prompt和Confirm效果》 ...无论是在大型项目还是小型应用中,"jquery.alert.dialog.js"都是一个值得考虑的工具,它可以为你的网页增添专业且个性化的交互元素。
通过`window.parent.window.art.dialog({ id: 'qin123' }).close();`可以关闭指定ID的对话框。 2. **回调函数中的return false** 如果在回调函数中返回`false`,可以防止对话框自动关闭。 3. **点击关闭按钮** ...
10. **易于集成**:Dialog.js 可以方便地与现有的前端框架和库(如jQuery、React、Vue等)整合,减少开发难度和代码量。 在压缩包文件中的"zcms-alert"可能是一个示例或者扩展模块,用于展示Dialog.js 在ZCMS(可能...