将 JavaScript 从 WordPress 模板页眉移动到页脚

Question

我需要一些帮助将 JavaScript 从页眉移到页脚。

<script src="<?php print get_template_directory_uri(); ?>/library/js/jquery.uniform.min.js" type="text/javascript"></script>
<script src="<?php print get_template_directory_uri(); ?>/library/js/jquery-ui-1.8.14.custom.min.js" type="text/javascript"></script>
<script src="<?php print get_template_directory_uri(); ?>/library/js/jquery.xml2json.js" type="text/javascript"></script>
<link rel="stylesheet" href="<?php print get_template_directory_uri(); ?>/library/css/uniform.default.css" type="text/css" media="screen" charset="utf-8" />
<link rel="stylesheet" href="<?php print get_template_directory_uri(); ?>/library/css/ui-lightness/jquery-ui-1.8.14.custom.css" type="text/css" media="screen" charset="utf-8" />

我只希望这个 JavaScript 在一个页面的底部，而不是我的整个 WordPress 主题，这是一个表单。

Answer 1

试试这些步骤：

1 - copy your script code from header and remove it from there.
2 - Goto your theme->footer.php and edit this page, Goto end of page after wp_footer(); function paste your script.
3 - Save and run.

<?php if(is_page(your_page_id)) {
   <script src="<?php print get_template_directory_uri(); ?>/library/js/jquery.uniform.min.js" type="text/javascript"></script>
   <script src="<?php print get_template_directory_uri(); ?>/library/js/jquery-ui-1.8.14.custom.min.js" type="text/javascript"></script>
   <script src="<?php print get_template_directory_uri(); ?>/library/js/jquery.xml2json.js" type="text/javascript"></script>
   <link rel="stylesheet" href="<?php print get_template_directory_uri(); ?>/library/css/uniform.default.css" type="text/css" media="screen" charset="utf-8" />
   <link rel="stylesheet" href="<?php print get_template_directory_uri(); ?>/library/css/ui-lightness/jquery-ui-1.8.14.custom.css" type="text/css" media="screen" charset="utf-8" />
}?>

Answer 2

您应该使用 WordPress 函数 wp_enqueue_script(); 正确地将样式和脚本排入队列

第五个参数让您选择在页脚中加载样式/脚本。

即 wp_enqueue_script( 'script-name', get_template_directory_uri() . '/js/example.js', array('jquery'), '1.0.0', true );

更新：这未经测试，但应该可以工作。

function enqueue_my_scripts() {
wp_enqueue_script( 'uniform', get_template_directory_uri() . 'library/js/jquery.uniform.min.js', array(), '1.0.0', true );
wp_enqueue_script( 'custom-ui', get_template_directory_uri() . '/library/js/jquery-ui-1.8.14.custom.min.js', array(), '1.0.0', true );
wp_enqueue_script( 'xml2json', get_template_directory_uri() . '/library/js/jquery.xml2json.js', array(), '1.0.0', true );

wp_enqueue_style( 'uniform-css', get_template_directory_uri() . '/library/css/uniform.default.css' );
wp_enqueue_style( 'ui-lightness', get_template_directory_uri() . '/library/css/ui-lightness/jquery-ui-1.8.14.custom.css' );
}

add_action( 'wp_enqueue_scripts', 'enqueue_my_scripts' );

您需要阅读函数并添加任何依赖项，例如 jQuery。