如何将JavaScript片段添加到需要jQuery的页脚中

<?php
function my_scripts_method() {
   // register your script location, dependencies and version
   wp_register_script('custom_script',
       get_template_directory_uri() . '/js/custom_script.js',
       array('jquery'),
       '1.0',
       true);
   // enqueue the script
   wp_enqueue_script('custom_script');
}
add_action('wp_enqueue_scripts', 'my_scripts_method');
?>

<?php
function myscript() {
?>
<script type="text/javascript">
 // This depends on jquery
</script>
<?php
}
add_action('wp_footer', 'myscript');

#1 楼

最简单的方法实际上是结合wp_enqueue_script和Saif和v0idless已经引用的页脚操作。我经常在主题和插件中使用jQuery，但是我也将所有其他脚本也放在页脚中。
实际排队的最佳方法是：

function myscript() {
?>
<script type="text/javascript">
  if ( undefined !== window.jQuery ) {
    // script dependent on jQuery
  }
</script>
<?php
}
add_action( 'wp_footer', 'myscript' );

function myscript_jquery() {
    wp_enqueue_script( 'jquery' );
}
add_action( 'wp_head' , 'myscript_jquery' );

但是此代码片段假定您是一个正在排队的脚本，即您是在自己的插件或主题中进行的。
目前，无法将嵌入式脚本添加到WordPress页脚中并加载依赖项。但是，如果愿意的话，还有另一种选择。
其他选择
当WordPress使用脚本时，它将内部将它们加载到对象中以跟踪它们。对象内部基本上有3个列表：

已注册
队列
完成
to_do

当您第一次使用wp_register_scripts()注册脚本时，它是放置在注册清单中。 wp_enqueue_script()脚本时，它将被复制到队列列表中。将它打印到页面后，它便被添加到完成列表中。
因此，您可以记录它需要使用jQuery并以编程方式进行检查以确保已加载jQuery，而无需排队该脚注脚本以使用jQuery。 。
这使用wp_script_is()来检查脚本的位置。

function myscript() {
    if( wp_script_is( 'jquery', 'done' ) ) {
    ?>
    <script type="text/javascript">
      // script dependent on jQuery
    </script>
    <?php
    }
}
add_action( 'wp_footer', 'myscript' );

您也可以使用相同的代码来强制jQuery加载页脚，但是我没有测试过...所以您的行驶里程会有所不同。

#2 楼

从wordpress 4.5开始，您可以通过wp_add_inline_script()添加内联脚本。要将JavaScript片段添加到需要jQuery的页脚中，此代码可以帮助您

function enqueue_jquery_in_footer( &$scripts ) {

    if ( ! is_admin() )
        $scripts->add_data( 'jquery', 'group', 1 );
}
add_action( 'wp_default_scripts', 'enqueue_jquery_in_footer' );

function theme_prefix_enqueue_script() {
   if(!wp_script_is('jquery', 'done')) {
     wp_enqueue_script('jquery');
   }
   wp_add_inline_script( 'jquery-migrate', 'jQuery(document).ready(function(){});' );
}
add_action( 'wp_enqueue_scripts', 'theme_prefix_enqueue_script' );

wp_add_inline_script和wordpress jquery

#3 楼

像这样使用wp_footer操作：

add_action( 'wp_footer', 'wpse33008');
function wpse33008() {
?>
<script type="text/javascript">
    /** INSERT SCRIPT HERE **/
</script>
<?php
}

#4 楼

我知道OP希望在jQuery上指定一个要求，而WordPress的作者应该允许片段在脚本文件旁边排队，但是没有，因此我建议不要尝试强制这样做。如果您根本不想像我一样弄乱队列或其顺序（因为我正在使用其他结合并优化脚本的插件），那么答案确实是使用wp_footer操作，如下所示：

<?php

add_action(
    'wp_footer'
    , function() {
        ?>
        <script>
            if (window.jQuery) {
                // your snippet
            }
        </script>
        <?php
    }
    , 21 # after enqueued footer scripts
);

#5 楼

您可以使用wp_footer操作来执行此操作。检查编解码器中的wp_footer。