如何将jQuery代码放在jQuery包含的后面？

Question

在Wordpress插件开发期间，我需要调用一些jQuery代码。

jQuery包括的功能是：

function jQueryInclude() {
    wp_enqueue_script('jquery-ui-core');
    wp_enqueue_script('jquery-ui-widget');
    wp_enqueue_script('jquery-ui-mouse');
    wp_enqueue_script('jquery-ui-accordion');
    wp_enqueue_script('jquery-ui-autocomplete');
    wp_enqueue_script('jquery-ui-selectmenu');
    wp_enqueue_script('jquery-ui-slider');
}

jQuery代码功能是：

function jQueryCode() {
    echo <<< 'EOS'

    <script type="application/javascript">
        jQuery(document).ready(function($){
            //
        });

        function test_connection() {
            var URL = $('#URL').val(); // id exists!
            alert(URL);
        }
    </script>

    EOS;
}

所以让我们把它结合在一起：

案例1：

add_action('admin_enqueue_script', function() {
    jQueryInclude();
});

add_action('admin_footer', function() {
    jQueryCode();
});

整个HTML看起来如下：

• 最后包括(可以)
• 之前的jQuery代码包括在末尾(坏)

执行结果(当按onclick=test_connection();按钮时)是错误的：

• jQuery未定义
• $不是一个函数。

案例2：

add_action('admin_enqueue_script', function() {
    jQueryInclude();
    jQueryCode();
});

整个HTML看起来如下：

• 最后包括(可以)
• jQuery代码跳转到头部部分(什么？)

执行结果-与前面相同的错误

案例3：

add_action('admin_footer', function() {
    jQueryInclude();
    jQueryCode();
});

HTML与案例1相同。

如何正确组合jQuery包含和一些jQuery代码中的Wordpress插件代码？

Answer 1

问题出在内联脚本中。估计，Wordpress不喜欢。

我将jQueryCode()主体更改为：

wp_enqueue_script('itilium_test', plugin_dir_url(__FILE__) . 'assets/js/itilium-test.js', array('jquery'), false, true);

代码工作正常