JQuery UI和自动完成冲突

时间:2016-08-20 21:53:10

标签: jquery wordpress jquery-ui autocomplete

我正在开发一个同时具有JQuery UI和自动填充功能的Wordpress网站。看起来JQuery UI是由网站上需要的插件(Ultimate VC Addons)加载的。它来自:

wp-content/plugins/Ultimate_VC_Addons/assets/min-js/jquery-ui.min.js?ver=3.16.6

默认情况下加载自动填充功能(无插件):

wp-includes/js/jquery/ui/autocomplete.min.js?ver=1.11.4

我正在尝试使用自动完成功能,但已经意识到它不起作用的原因是因为这种冲突。

这是我的自动填充代码:

<script>
    jQuery(document).ready(function($) {

    $(function () {
        var results = [
            "ActionScript",
            "Bootstrap",
            "C",
            "C++",
            "Ecommerce",
            "Jquery",
            "Groovy",
            "Java",
            "JavaScript",
            "Lua",
            "Perl",
            "Ruby",
            "Scala",
            "Swing",
            "XHTML"
        ];
        $("#autocomplete-cert").autocomplete(results);
    });

});
</script>

<label for="autocomplete-cert">Search for a Certificate: </label>
<input id="autocomplete-cert">

在输入框中输入任何内容后,将引发以下错误:

autocomplete.min.js?ver=1.11.4:11 Uncaught TypeError: this.source is not a function

我已经读过,删除自动完成以支持JQuery UI是正确的方法,但我在网站上找不到引用autocomplete.min.js的任何代码,因此无法删除它。我已经尝试彻底删除该脚本,但该网站抛出错误,我删除它后无法找到autocomplete.min.js。

有谁知道Wordpress会从哪里加载自动完成功能,或者某种方法来禁用它?我搜索了整个代码库,我发现它的唯一引用是在wp-admin / includes / update-core.php中。从此文件中删除它不会导致它停止加载自动完成。

0 个答案:

没有答案