【问题标题】:Jquery autocomplete doesn't work from inside a lightboxJquery 自动完成功能在灯箱内不起作用
【发布时间】:2015-08-31 20:40:35
【问题描述】:

我正在将一个 html 文档提取到一个花式框(灯箱)中。在本文档中,我有一个要在其上运行 jQuery UI Audocomplete 的输入字段。只要输入在灯箱之外,它就可以工作,但在加载自动完成功能之后就不行。似乎 .autocomplete() 正在做它应该做的事情,我得到一个 json 返回,但它没有将值弹出到输入中。有什么想法吗?

感谢您的帮助!

 $(document).on('keydown', '.autocomplete', function(e) {
    $(this).autocomplete({
        source: "?ajax=autocomplete",
        minLength: 1
    });
});

【问题讨论】:

  • 你有 jsfiddle 链接或这个标记吗?
  • 很遗憾没有。我使用上面的代码嵌入了 jQuery 和 jQuery UI 以及一个外部 js 文件。我用fancyapps.com/fancybox 在页面内打开一个页面在该页面内我有一个带有类自动完成的输入。只要我没有在幻想框内输入,一切都可以正常工作。我不知道是不是因为所有内容都先加载,然后输入元素随后显示在花式框内。就像我提到的 json 返回发生并且看起来与它工作时相同,该值只是没有显示在输入中。就像自动完成在获取后停止一样。
  • 我可以提供任何想法或更多信息吗?谢谢!

标签: jquery json jquery-ui autocomplete


【解决方案1】:

可能它正在工作,但由于 z-index 值较低,您看不到它。请添加参数:

open: function(){ $('.ui-autocomplete').css('z-index', 99999999999999); }

【讨论】:

    猜你喜欢
    • 2014-01-16
    • 2016-05-03
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2016-01-12
    • 2015-08-11
    • 1970-01-01
    相关资源
    最近更新 更多