JQuery UI：优点和缺点？ [关闭]答案

【问题标题】：JQuery UI: Pros and Cons? [closed]JQuery UI：优点和缺点？ [关闭]
【发布时间】：2009-12-03 17:40:25
【问题描述】：

我最近一直致力于简化我的网站并优化我的 HTML 和 Javascript。我已经开始用 jQuery JavaScript 替换我网站上的 MS Ajax.Net JavaScript，现在我正在查看一些用于弹出窗口、选项卡控件和按钮等内容的 html。

几周前，JQuery UI 引起了我的注意，我已经研究了一段时间，但我不敢直接进入它。我喜欢主题，我喜欢它使用“sprite" like CSS magic”作为图标。但我注意到 CSS 圆角在 IE 中不起作用。

所以我想知道，你们中的任何人目前是否使用过 jQuery UI？如果是这样，您使用的是哪些部件？你有定制过吗？你遇到过哪些优点和缺点？

提前感谢您的回答。

【问题讨论】：

标签： jquery jquery-ui

【解决方案1】：

顺便说一句，我今天第一次开始使用jQuery :) 我只是 jQuery 的新手，但我已经处理了足够多的 JavaScript 和其他框架（原型、scriptaculous 等）来了解发生了什么.

jQuery 非常易于使用。内置功能非常全面。兼容性很好。在插件的帮助下，它们甚至在 IE6 中也支持大多数东西。

我已经尝试了大部分common UI elements - 对话框、手风琴、选项卡以及一些 UI 效果、动画、淡入淡出等等。事实上，我花了不到 1 个工作日的时间来了解所有这些并使用它们并在我当前的网站中实施它们，这说明了 very small/short learning curve。 (also see this)

主题化比我见过的任何框架都容易。他们有一个不错且易于使用的主题构建器，名为ThemeRoller。几乎没有必要手动更改 CSS。您可以使用 WYSIWYG 编辑器简单地更改所有内容并下载您编辑的主题。这将接近专业 ($$$) 应用程序！

非常轻量级 - 约 19KB。与我遇到的其他一些可怕的框架不同。

还没有遇到任何问题，但是……显然。只用了一天。但从经验来看（使用新框架的第一天对我来说从来没有这么顺利:)），我预计不会有很多问题。

【讨论】：

我会选择你的答案，因为它提供的信息最多，我希望我能选择两个，因为 Noseredna 的帖子也非常有趣和有帮助。

【解决方案2】：

我认为 jQuery.UI 中最好的东西之一是小部件工厂，它为您提供了一种快速创建自己的插件的方法。

检查一下：UI_Developer_Guide

【讨论】：

这很酷，现在我看了。起初看起来不是很直接，但我认为这更多是因为网站上的例子很弱。我会稍微玩一下。
是否有使用这个小部件工厂的插件库？
我的意思是除了这些。有第三者吗？
我找到了这个。我想知道这些什么时候开始推出成为官方支持的小部件...wiki.jqueryui.com/browse/….

【解决方案3】：

如果你是从零开始，我建议你也看看 ExtJS。

我喜欢 JQuery，但我发现一个太多的 UI 插件是错误的。由于 ExtJS 的第三方插件较少——而且我通常发现 ExtJS 提供的东西已经足够了——我对 ExtJS 的问题较少。因为我喜欢 JQuery 的低级 DOM 操作能力，所以我通常在 ExtJS 的“底层”使用它。

【讨论】：

有兴趣我去看看。
似乎 ExtJS 更适合 Intranet 应用类型的东西，而我正在开发一个电子商务网站。
还不错； JQuery 不会出错。
它看起来确实很酷，我会记住它以用于更多“应用”网站。

【解决方案4】：

我一年前用过。如果其中一个小部件符合您的需求，那就太好了。我喜欢Themeroller。

但是，总的来说，我对 jQueryUI 并不满意，我不会再使用它。有几件小事困扰着我，直到累积的感觉不悦。我不得不与模型对话作斗争。手风琴动画在某些浏览器中跳动。至少在一些小部件中，UI 的悬停状态和按下状态之间没有区别。

例子：http://jqueryui.com/demos/accordion/至少在我现在运行的Chrome浏览器中，这个demo的动画问题实际上会导致动画过程中出现滚动条。

我不明白为什么至少一年没有添加任何小部件。

我认为我对 jQueryUI 的很多失望来自于我对 jQuery 的喜爱程度以及我对与之相关的官方小部件库的期望。

【讨论】：

如果你不再使用它，你现在用什么？自制的东西？
这是一个很好的问题，我一直在四处寻找。现在我只是在寻找 jQuery 插件。但我可能会再看看 YUI 并调查 Google Closure。 ExtJS 的东西看起来不错，但我不喜欢许可证。
我在我拥有的两个版本的 Chrome 中测试了手风琴，但没有看到您描述的问题。您运行的是哪个版本的 Chrome？
我是最新的 4.0.223.16。但这不仅仅是 Chrome。如果您在单击其他部分的同时注意“第 4 部分”，您会看到第 4 部分在动画期间上下移动。许多浏览器。在 Adobe AIR 的 webkit 中也是如此。我刚刚测试了 Safari，并看到滚动条也出现和消失。在FF中更稳定。第 4 节栏保持坚如磐石（但里面的文字有时会抖动）。
在 IE8 中也有非常奇怪的动作。

【解决方案5】：

我只使用了群组中的UI Dialog。它适用于所有期望 IE8 的浏览器。使用 modal:true 时消耗了 100% CPU。在注释以下行之后，它就像一个魅力：

$(window).bind('resize.dialog-overlay', $.ui.dialog.overlay.resize);

如有必要，您可以将if (!($.browser.msie && $.browser.version >= 8)) 添加到特定行。该错误修复似乎针对 1.8。

从其余的 UI 组件中，我没有任何需要使用它们中的任何一个。在检查了bugs 之后，我也没有强烈的感觉是一个强大的库。伙计们肯定在这方面做得很好，将来肯定会改进，但到目前为止，它还不够完善，我还不能在生产中使用。

【讨论】：

您使用的是哪个版本的 jquery ui 导致该错误发生？（只是想知道它是否已修复）
我的天啊，3 个月前是 BalusC 解决了这个错误 :o, +1 toh banta hai ;) 我的意思是，他现在应该得到 +1
@blesh：我已经发布了一个链接，我还说修复是针对 1.8 的（这意味着所有旧版本都可能遭受特定错误的影响）。
@BalusC ：我今天在我的网站上实现了对话框。我在 IE8 中发现的唯一问题是，滚动条出现在窗口中。由于某些宽度/高度差异，即使它仅在我将其设置为“模态”并且覆盖出现时才出现。没有覆盖，即使是那个问题也不存在。我的 CPU 运行良好。我想知道为什么它在你的系统中会这样工作！
只有在您使用modal:true 时才会显示该错误。或者你有一台多 CPU/多核机器。另请参阅错误报告的链接。

【解决方案6】：

我在项目的大部分时间里都使用了 JQuery Datepicker 和其他一些 UI 模块以及 JQuery。

完全可定制，可根据您的方便轻松修改。
基本上 jQuery 是轻量级的，并且对程序员来说也很友好，可以以优雅的方式编写脚本。
我在样式部分而不是功能上进行了更多调整，以实现所需的外观和感觉。

到目前为止，我没有发现任何负面的东西，可能在将来我使用更多的 JQuery UI 模块时

谢谢

【讨论】：

【解决方案7】：

首先，恭喜您切换到 jQuery。这是一个令人难以置信的 JavaScript 库，如果你和我一样，你会喜欢它的。

我在几个网站上使用 UI，我最喜欢的只是获取定制的 UI 构建来满足我的需要。

我主要将它用于 datepicker 和 sortables 并且没有遇到任何问题。如果您了解如何使用 jQuery，我发现它们很容易定制。

希望能有所帮助 - 享受吧！

【讨论】：