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" />

我只希望这个JavaScripts位于一个页面的底部，而不是我的整个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。

将JavaScripts从WordPress模板标题移动到页脚

2 个答案: