【问题标题】:Good jQuery popup dialog plugins优秀的 jQuery 弹出对话框插件
【发布时间】:2025-12-05 11:10:02
【问题描述】:

你知道一些好的 jQuery 弹出对话框插件吗?谢谢。

【问题讨论】:

    标签: jquery jquery-plugins popup


    【解决方案1】:

    我最喜欢内置在对话框中的 jQuery UI。非常可定制的主题集成、过载确认和警报。

    http://docs.jquery.com/UI/Dialog.

    【讨论】:

    • 如果你只想要模态对话框,jQuery UI 就相当强大了。
    【解决方案2】:

    我个人最喜欢的是Colorbox。它非常易于使用并且看起来很棒!查看他们的 5 个不同页面的示例以获取快速操作方法。

    它还会自动检测正在加载的内容的大小,因此您不必指定宽度和高度。

    alt text http://img502.imageshack.us/img502/4859/colorbox.png

    【讨论】:

    • 它也支持所有奇妙的回调。它也可以即时调整大小。在我看来,它唯一缺少的就是在您滚动页面时让它与您一起滚动的选项。
    • 这应该不难做到。您应该将其建议给作者或自己使用monkeypatch(或duckpunch)并将补丁发送给作者。如果你愿意,请给我留言。干杯并感谢您的提醒。
    【解决方案3】:

    我在我现在正在进行的项目中使用FaceBox。我喜欢。不需要 jQueryUI。

    【讨论】:

    • 这是最低兼容版本。适用于 1.4.2 或包括 1.2.1 及之后的任何版本
    • 如何设置弹出框的位置??
    • @zjm1126,这是JS,有多种定位方式。你可以$(document).bind('reveal.facebox', function() {$('#facebox').css('top', '10px').css('left', '10px');});。查看源代码以更好地了解正在发生的事情。
    • @zjm1126 - 再三考虑,在查看 thinkswan 的答案后 - colorbox 似乎是一个更好的工程脚本。我要去调查一下,建议你也去调查一下。
    【解决方案4】:

    Fancybox 看起来很棒,而且用途广泛。在几个项目中使用它,我的客户对此非常满意。

    【讨论】:

      【解决方案5】:

      这是我的自定义 jquery 对话框:https://jsfiddle.net/mm7b7t5t/ 仍在尝试添加新功能并改进它^^

      var example = new popup([{text: "Close}], "Title", "<p>Hello World</p>");
      example.open();
      

      【讨论】: