将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。