`
artdialog
  • 浏览: 105961 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

artDialog原生版与jquery有什么区别

阅读更多

问题描述

下载完artDialog发现了很多文件,而且据说artDialog有原生版和jquery,这两个版本有什么区别,使用时有什么不同吗?

解答

在artDialog的首页说明中写道:

它的消息容器甚至能够根据宽度让文本居中或居左对齐——这一切全是XHTML+CSS原生实现。 

鉴于jquery的流行,作者又提供了jquery版本的artDialog供那些jquery粉丝使用

artDialog提供了一个jQuery版本,功能与标准版一致,调用只需要把art前缀改成jQuery的命名空间。

注意:最低兼容jquery1.3.2,但框架应用插件需要jquery1.4+运行。 

估计很多人看晕了,既然最低兼容1.3.2,为什么又说必须1.4+才能运行呢? 

jQuery版本小于1.4不能获取iframe内部尺寸,导致open方法无法自适应内容尺寸。 

在使用jquery版的artDialog时,需要先加载jquery库,当然了,别忘了作者的忠告,1.4+版本。

有很多人对jquery版的有误解,在artDialog群【206944297】里曾有人说到:

我发现artDialog jq版并不能算是纯JQ版。里面好多原生JS,JQ都有提供方法,但他没用 

其实,jquery版artDialog并不是用jq方法写的,而是作为jquery的一个插件提供,可以用jquery的方式调用, 比如链式操作等,但是artDialog的代码都是原生的xhtml和css,代码也是原生的js。

分享到:
评论

相关推荐

    artDialog.js的demo

    前者是原生JavaScript版本,后者是与jQuery库集成的版本,如果你的项目使用了jQuery,可以选择后者。 3. **artDialog.js** 和 **jquery.artDialog.js** - 这两个是压缩后的版本,体积更小,适用于生产环境。它们...

    artdialog

    1. **jquery.min.js** - 这是jQuery库的压缩版,`artdialog` 依赖jQuery来处理DOM操作和事件处理,简化了JavaScript代码。 2. **artDialog.js** - 这是`artdialog` 的主文件,包含了对话框的核心功能和逻辑。通过...

    jquery 弹出窗口,可缩放,可拖拽

    artDialog是一个基于javascript编写的对话框组件,它拥有精致的界面与友好的接口 自适应内容 artDialog的特殊UI框架能够适应内容变化,甚至连外部程序动态插入的内容它仍然能自适应,因此你不必去考虑消息内容尺寸...

    artDialog_Demo

    2、 剔除鸡肋参数'parent',框架相互调用请用javascript原生方法 3、 剔除对话框关闭后回调函数,如果需要使用请使用内置扩展方法 4、 如果有取消按钮回调函数,那关闭按钮的回调函数也将与其相同 5、 增加当...

    artDialog4.1.6

    如果没有使用jQuery,可以使用原生JavaScript的`window.onload`: ```javascript window.onload = function() { art.dialog({ title: '提示', content: '这是一个基本的artDialog示例!', ok: function() { ...

    JS中artdialog弹出框控件之提交表单思路详解

    artDialog是一个轻量级的JavaScript对话框插件,它不依赖于任何第三方库,因此可以与纯JavaScript或流行的库如jQuery一起使用。它的UI框架能够自适应内容的变化,包括动态插入的内容,实现高度的灵活性和可配置性。...

    很炫的对话框

    artDialog的特殊UI框架能够适应内容变化,甚至连外部程序动态插入的内容它仍然能自适应,因此你不必去考虑消息内容尺寸使用它。它的消息容器甚至能够根据宽度让文本居中或居左对齐——这一切全是XHTML+CSS原生实现。...

    art dialog弹出控件

    artDialog的特殊UI框架能够适应内容变化,甚至连外部程序动态插入的内容它仍然能自适应,因此你不必去考虑消息内容尺寸使用它。它的消息容器甚至能够根据宽度让文本居中或居左对齐——这一切全是XHTML+CSS原生实现。

Global site tag (gtag.js) - Google Analytics