【问题标题】:cannot create autocomplete inside a magnific popup无法在放大的弹出窗口中创建自动完成
【发布时间】:2014-03-17 17:04:28
【问题描述】:

我无法在 magnific popup 表单上使用 jquery UI 自动完成功能。像下面的网址。 jquery UI的demo URL

http://jqueryui.com/autocomplete/

【问题讨论】:

  • 你试过magnific-popup的ajax功能吗? dimsemenov.com/plugins/magnific-popup/…
  • 不,它工作正常,但它显示了弹出窗口的背面,这意味着 .ui-autocomplete z-index 为零,但放大的弹出窗口 z-index 值为 1045。如果我们为 . ui-autocomplete 然后它显示值。谢谢@ggzone
  • 所以这是一个 css 问题,你发现了它...已经修复了吗?然后关闭问题或自己回答。

标签: jquery-ui jquery-ui-autocomplete magnific-popup


【解决方案1】:

必须将 z-index 属性添加到 .ui-autocomplete 类。在 magnific popup 中,表单内容的 z-index 属性为 1045,因此我们必须在 jqueryui css 中的 .ui-autocomplete 类上添加 z-index。

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2023-03-13
    • 2011-12-03
    • 2022-01-19
    • 2013-07-14
    • 1970-01-01
    • 2011-07-07
    • 2012-09-21
    • 2016-01-07
    相关资源
    最近更新 更多