如何加载jQuery UI自动完成组合框?

时间:2015-12-31 作者:pico

我尝试了下面的脚本在主题中加载jQuery UI自动完成。但它不会加载它们的相关脚本。我该如何称呼它起作用。

wp_enqueue_script(\'jquery-ui-autocomplete\');
我认为下面的脚本是用于自动完成的jQuery UI相关脚本,但它不会加载。

<script type=\'text/javascript\' src=\'http://localhost/wordpress/wp-includes/js/jquery/ui/jquery.ui.core.min.js?ver=1.10.2\'></script>
<script type=\'text/javascript\' src=\'http://localhost/wordpress/wp-includes/js/jquery/ui/jquery.ui.widget.min.js?ver=1.10.2\'></script>
<script type=\'text/javascript\' src=\'http://localhost/wordpress/wp-includes/js/jquery/ui/jquery.ui.position.min.js?ver=1.10.2\'></script>
<script type=\'text/javascript\' src=\'http://localhost/wordpress/wp-includes/js/jquery/ui/jquery.ui.menu.min.js?ver=1.10.2\'></script>
<script type=\'text/javascript\' src=\'http://localhost/wordpress/wp-includes/js/jquery/ui/jquery.ui.autocomplete.min.js?ver=1.10.2\'></script>

2 个回复
SO网友:1991wp

尝试在页脚部分加载脚本。

<script type="text/javascript"
        src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
        <script type="text/javascript"
        src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.18/jquery-ui.min.js"></script>
<script type="text/javascript">
                $(document).ready(function(){
                    $("#clientAutocomplete").autocomplete({
                        source:\'client_autocomplete.php\',
                        minLength:1
                    });
                });
        </script>
这对我有用

SO网友:Kanon Chowdhury

至于样式表:WordPress默认情况下不注册jQuery UI样式!

您必须通过调用wp_enqueue_style(). 由于您需要正确的版本,您可以调用wp_scripts() 并检查注册的jQuery UI核心版本。

See details

相关推荐

Ajax and autocomplete

我在自定义的帖子类型上有一组元框。其中两个是简单的输入/文本类型字段,应具有自动完成的输入:A)另一个自定义帖子类型B)用户现在我有一个问题,我需要以某种方式触发自动完成事件。到目前为止,我有一个非常简单的定义:jQuery( document ).ready( function ($) { $( \'#some_id\' ).autocomplete( { minLength