`

关于网页前端框架art.dialog的一些问题

阅读更多

今天有人在群里发问:“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.rar

    综上所述,"art.dialog.rar"是一个包含artDialog对话框库及其辅助工具的资源包,适合用于网页开发中创建交互式的对话框。开发者可以通过导入这些文件,轻松地在网页上添加对话框功能,并通过`iframeTools.js`扩展其...

    art.dialog

    "art.dialog"是一款高效、轻量级的弹窗插件,专为简化网页中的弹出对话框实现而设计。这款插件的特点在于它无需预先加载文件,能够在需要时快速响应,提供灵活、自定义化的用户体验,同时保持了代码的简洁和易用性。...

    art.dialog本页面下载对话框

    "art.dialog"是一款在网页开发中常用的JavaScript弹出对话框插件,它的主要功能是提供一个可自定义的对话窗口,用于展示各种信息或者进行交互操作。从标题来看,我们聚焦的是这个对话框在下载场景中的应用,可能是...

    artDialog弹出模式窗API

    .artDialog .art-content { background-color: #f0f0f0; } ``` 此外,`artDialog`提供了多种内置的对话框类型,如`alert`、`confirm`和`prompt`,这些可以直接调用对应的函数实现: ```javascript // Alert 提示 ...

    jQuery.dialog.js网页弹出对话框美化特效插件

    《jQuery.dialog.js:网页弹出对话框的美化与特效实现》 在网页设计中,对话框(dialog)是一种常见的交互元素,用于展示重要的信息或进行用户操作确认。jQuery.dialog.js是一个专为网页开发者设计的轻量级插件,...

    art_dialog jquery的使用教程

    在网页开发中,弹出框是常见的交互元素,而art_dialog作为一款强大的jQuery插件,提供了比alert更为丰富的功能,适用于各种复杂的对话场景。使用art_dialog,我们可以创建出定制化的弹出窗口,增强用户体验。在...

    android安卓app已经放弃使用Theme.Dialog,改用Theme.Holo.DialogWhenLarge

    至于附件中的"旧版Theme.Dialog.png"和"新版Theme.Holo.DialogWhenLarge.png",它们很可能是用来比较两种主题在实际应用中的视觉效果。通过图片对比,开发者可以直观地看到更改主题后的界面差异,帮助他们评估并确认...

    jquery.dialog.js 经典弹出框附案例代码

    `jQuery.dialog.js`是基于jQuery库的一个经典弹出框插件,它为网页开发者提供了方便、灵活的对话框功能。这个插件使得在网页中创建模态或非模态的对话框变得轻而易举,无需复杂的HTML和CSS布局,大大简化了前端交互...

    jquery.dialogBox.js动画对话框插件

    以上就是关于jQuery.dialogBox.js动画对话框插件的基本介绍和使用方法。通过熟练掌握这个插件,你可以在网页项目中快速实现丰富的对话框效果,提升用户交互体验。同时,这也是学习jQuery和JavaScript的一个好起点,...

    jquery.dialog插件参数说明

    其中,`jQuery.dialog`插件更是为创建弹出对话框提供了丰富的功能和高度的自定义选项,极大地提升了网页的交互性和用户体验。本文将深入解析`jQuery.dialog`插件的关键参数,帮助开发者更好地理解和运用这一工具。 ...

    artdialog的使用实例

    art.dialog({ content: '你好,欢迎来到artdialog的世界!' }); ``` 这将在页面中央显示一个简单的对话框,包含文本“你好,欢迎来到artdialog的世界!”。 ### 自定义配置 `artdialog`提供了大量的配置选项以...

    jquery ui中的dialog

    在这些元素中,Dialog是创建弹出式窗口或模拟对话框的常用工具,广泛应用于网页中的提示、确认和设置等场景。 Dialog组件允许开发者将任何HTML元素转化为一个具有关闭按钮、标题、拖动功能和可调整大小的交互式窗口...

    jquery.dialogBox.js插件下载.zip

    在Web开发领域,JavaScript库如jQuery极大地简化了前端交互的复杂性,其中jQuery.ui、jQuery.modal等对话框插件为开发者提供了丰富的对话框解决方案。然而,对于初学者来说,这些插件可能过于庞大或者配置复杂。此时...

    jquery.ui.dialog

    里面是经过修改的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网页弹出对话框美化特效插件.zip

    《jQuery.dialog.js网页弹出对话框美化特效插件详解》 在网页开发中,弹出对话框是一种常见的交互设计,用于向用户展示重要的信息或进行关键操作。jQuery库以其简洁的API和强大的功能,成为了JavaScript开发者们...

    jquery.dialog控件

    $dialog.dialog("destroy"); ``` **5. 使用 ThemeRoller 设计样式** jQuery UI 提供了一个名为 ThemeRoller 的工具,允许你自定义对话框和其他组件的样式。通过调整颜色、字体和布局,你可以使对话框与你的网站...

    jQuery Dialog 弹出层对话框插件(可加载url地址)

    jQuery Dialog是jQuery UI库中的一个组件,它提供了一种优雅的方式在网页上创建交互式的弹出层对话框。这个插件不仅允许用户展示信息,还可以加载外部URL内容,极大地增强了网页的交互性和用户体验。在本文中,我们...

    jquery.alert.dialog.js

    《jQuery Alert Dialogs:以JavaScript实现Alert、Prompt和Confirm效果》 ...无论是在大型项目还是小型应用中,"jquery.alert.dialog.js"都是一个值得考虑的工具,它可以为你的网页增添专业且个性化的交互元素。

    jQuery插件artDialog.js使用与关闭方法示例

    通过`window.parent.window.art.dialog({ id: 'qin123' }).close();`可以关闭指定ID的对话框。 2. **回调函数中的return false** 如果在回调函数中返回`false`,可以防止对话框自动关闭。 3. **点击关闭按钮** ...

Global site tag (gtag.js) - Google Analytics