【问题标题】:What are the "must have" jQuery plugins? [closed]什么是“必备”的 jQuery 插件? [关闭]
【发布时间】:2010-09-21 00:33:34
【问题描述】:

我想知道什么是最有用的 JQuery 插件。我对那些可能对一般 UI 开发有用的东西特别感兴趣,例如 Tablesorter,而不是那些满足不常见需求的东西。

如果您能提供插件用途的非常简短的描述,那将非常有帮助。

谢谢, 唐

【问题讨论】:

  • 很多人倾向于将 jquery 与 YUI 或 dojo 等优秀的 ui 库结合使用。这使得应用程序的外观变得容易,并提供全面一致的外观,这对于 UI 的 jquery 插件的大杂烩可能很难实现。我的 2C :)
  • 如果你使用的是dojo或YUI,那么你最好不要使用jQuery,因为它们都包含类似jQuery的javascript库。
  • jQuery + YUI + dojo + “必备”插件,是的。我敢肯定,我这辈子都不会访问您的网站。

标签: jquery plugins


【解决方案1】:

我的清单:

  • Autocomplete
    • 输入字段使用户能够利用搜索和过滤功能快速查找和选择某些值。
  • JSON
    • JSON 插件检索检索和操作 json 数据。
  • Cookie
    • 用于读取、写入和删除 cookie 的简单轻量级实用插件。
  • Vaildation
    • 用于验证表单输入数据。
  • UI
    • 功能齐全的可主题化和即用型小部件等等...
  • Interface
    • 拖动、Sortables、Droppables、即插即用组件和视觉效果。
  • Cycle
    • 多功能且轻量级的图像幻灯片插件。

【讨论】:

  • 如果有人可以尝试对其他帖子中尚未描述的内容进行非常简短的描述,我会尝试将它们全部汇总到一个总结帖子中。
  • 接口已弃用,不再适用于 1.2.6 - 由 UI 取代
  • 来自 JSON 链接:2007-09-13 更新:从 1.2 版开始,jQuery 核心现在支持跨域 JSONP 下载,作为原生 Ajax 支持的一部分。我建议你使用这个支持而不是插件。
【解决方案2】:

我们目前使用:

印象最深的

jQuery UI 元素:

有用的社区插件:

更多内容,我会添加链接等...

【讨论】:

  • Defo - HotKeys 很棒。也是提交/输入按钮等以及键盘生产力快捷方式的好方法
【解决方案3】:

我认为Flot 插件(绘图库/插件)应该在这个“必备”列表中占有一席之地。

此外,它在此处用于 StackOverflow 中,用于在用户帐户页面中显示信誉的直方图。

【讨论】:

  • 这令人印象深刻 - 我第一次看到它们时还以为我们是图像。
  • +1 哇,Flot 很酷。很好的发现!
  • 在很多项目中都使用过 flot,易于配置且非常容易理解它的工作原理 - 必备!
【解决方案4】:

我会列出一个我正在研究的...

My jLINQ plugin 是 .NET LINQ 的 jQuery 版本。它用于处理内存中的集合(不直接与服务器对话),让您使用类似于以下的语法。

var results = $.from(data)
    .ignoreCase()
    .startsWith("firstName","m")
    .or("n")
    .isNot("administrator")
    .orderBy("lastName")
    .select();

它支持您在 LINQ 中找到的许多其他命令,用于排序和分组以及大多数选择命令,例如 contains、between、greaterThan 等...

Here is a demo - 稳定,但仍在进行中

也许不是必须有,但随着它的进展可能会有用......

【讨论】:

  • 我对 .Net 一无所知,所以可能甚至不应该发表评论,但是....我相信 LINQ 是一种访问数据(关系、XML 等)的方法,不是吗?那种你通常不希望在你的客户端代码中出现的东西,任何人都可以修改它?
  • LINQ 让您也可以使用内存中的对象和数组。这就是全部。它实际上并不与服务器端的数据库对话。
  • 那么,通常你会使用它来浏览存储在 JS 对象中的数据?
  • 对,处理对象数组很方便。您可以查询对象的属性。
  • 太好了,如果我还有其他问题,我会查看文档。
【解决方案5】:

我刚找到jqGrid,看起来很不错。

它还有很多文档(现在是99 pages pdf)和examples

【讨论】:

    【解决方案6】:

    【讨论】:

    • 很好的答案,我会接受,但我想这不是真正有“正确”答案的问题,我不想阻止进一步的回答(目前)。
    【解决方案7】:

    为了在不永久影响页面内容的情况下向客户端发送消息的不显眼方式,我使用基于 OSX Growl 系统的jGrowl

    大量的选项、设置,并保持页面整洁:)

    【讨论】:

    • Love Growl,这看起来也很棒。
    【解决方案8】:

    jQuery tools from Flowplayer 真的很花哨。我真的很喜欢暴露和覆盖插件。

    【讨论】:

    • 同意,这些通常会压倒 jquery-ui,并且没有“随心所欲”的许可证。
    【解决方案9】:

    我知道这是一篇旧帖子,但我只是想我会投入 2 美分,以供将来参考。

    Colorbox - 绝对是 Jquery 的最佳模态窗口/灯箱。

    验证插件(前面提到过)也很好用。

    【讨论】:

      【解决方案10】:

      UI - 没有更好的方法来做可拖动、可调整大小和其他一些事情。

      Slibox2 - jQuery 的终极灯箱克隆,非常易于使用。

      iFixPng - IE6 PNG w/alpha 的简单解决方案。

      【讨论】:

        【解决方案11】:

        Filament Group 的Date Range Picker给我留下了深刻的印象

        【讨论】:

          【解决方案12】:

          UI 绝对是必备品。 作为一个网格组件,我会推荐jqGrid。恕我直言,它比flexiGrid 更好。

          【讨论】:

            【解决方案13】:

            我总是使用Facebox 向用户显示弹出表单和消息。它使 UI 保持整洁(我们的大多数用户使用 Facebook),但它不像使用 alert() 那样平淡无奇。

            【讨论】:

              【解决方案14】:

              如果您使用 Visual Studio 2008 编写 jQuery,则需要 Intellisense: http://weblogs.asp.net/bleroy/archive/2008/10/27/jquery-intellisense-documentation-file-available.aspx

              【讨论】:

              • 你不需要它,有它就好:)
              • 如果你在 VS 2008 中使用 jQuery,我认为这是必备的 ;)
              • 这适用于旧的视觉工作室和旧的 jquery。如何在 VS2010 中使用最新的 jquery 1.7 中的智能?
              【解决方案15】:

              http://docs.jquery.com/Plugins/dimensions,它有很好的offset和outerwith函数...

              【讨论】:

                【解决方案16】:

                [编辑] - 最近我一直在使用 JQuery Tools 作为 JQueryUI 的替代品,JQuery Tools 更加以 HTML5/CSS3 为中心:http://flowplayer.org/tools/index.html

                我喜欢 JCarousel Lite(不是 JCarousel)http://www.gmarwaha.com/jquery/jcarousellite/ 只做我需要的,仅此而已。

                -fs

                【讨论】:

                  【解决方案17】:

                  没有人提到这些,我觉得非常有用:

                  • Datatables - 向 HTML 表格添加高级功能和交互控件
                  • BeautyTips - 向 HTML 元素添加可配置的工具提示

                  【讨论】:

                    【解决方案18】:

                    我是jTemplates 的忠实粉丝,它为您提供客户端模板。我发现它非常强大,尤其是在渲染结果方面。

                    【讨论】:

                      【解决方案19】:

                      【讨论】:

                        猜你喜欢
                        • 1970-01-01
                        • 1970-01-01
                        • 2010-12-24
                        • 1970-01-01
                        • 1970-01-01
                        • 1970-01-01
                        • 1970-01-01
                        • 2011-04-10
                        • 2012-07-23
                        相关资源
                        最近更新 更多