【问题标题】:Javascript Modal Popup with URL带有 URL 的 Javascript 模态弹出窗口
【发布时间】:2014-04-07 07:38:34
【问题描述】:

我想创建一个弹出方法,就像它在https://www.behance.net/ 上使用的那样 - 当用户单击项目时,会打开一个弹出窗口,用户可以在主窗口中看到 URL。我怎样才能做到这一点,例如我必须做什么?它是纯javascript吗?因为似乎 behance 没有使用任何插件。

提前致谢

【问题讨论】:

  • 你试过什么???
  • @Manwal 我尝试使用maginific popup-plugin 并做一些window.location-方法,但没有运气......
  • 然后您可以使用自定义弹出窗口或 Bootstrap 模型
  • 除了可以通过答案中列出的插件解决的弹出窗口之外,您还应该熟悉浏览器 History:pushStatepopState 方法的 HTML5 添加 - 这就是您如何更改 URL 而无需加载新文档。

标签: javascript jquery


【解决方案1】:

您可以使用 Twitter 引导程序 3.0。它提供了模态弹出窗口,这个是移动和 ipad 友好的,因为它会自动调整屏幕分辨率。

参考http://getbootstrap.com/2.3.2/

【讨论】:

    【解决方案2】:

    实现这一点的最简单方法:使用插件!

    【讨论】:

    • 这些似乎都没有提供 URL 功能?
    • 例如引导If a remote URL is provided, content will be loaded one time via jQuery's load method and injected into the .modal-content div. If you're using the data-api, you may alternatively use the href attribute to specify the remote source. An example of this is shown below:
    猜你喜欢
    • 1970-01-01
    • 2014-09-19
    • 1970-01-01
    • 2013-06-06
    • 1970-01-01
    • 2013-07-30
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多