WordPress，添加自定義JS和Foundation js

Question

我正在建立我的第一個WordPress主題，並且堅持將JavaScript包含在網站上。

我嘗試了幾種不同的方法，將其直接添加到硬編碼的標頭以及函數中，但它接縫使我無法正常工作。

這是來自functions.php的一行

<?php
function _sf_scripts() {
wp_enqueue_script('foundation-js', get_template_directory_uri().'
/js /foundation.min.js', array( 'jquery' ), false, true);
wp_enqueue_script('foundation-init', get_template_directory_uri().'/js/foundation-orbit.js', array(), false, true);
wp_enqueue_script( 'menu-effect', get_template_directory_uri() . '/js/menu.js', 
array(), '1.0.0', true );
}
add_action( 'wp_enqueue_scripts', '_sf_scripts' );
?>

如果有人可以在這里幫助我，我將非常感謝，謝謝！

標題PHP

<head>
<meta charset="<?php bloginfo('charset'); ?>">
<meta name="viewport" content="width=device-width">
<title><?php wp_title('|', true, 'right'); ?><?php bloginfo('name');?></title>
<meta name="description" content="<?php bloginfo('description');?>">
<link rel="stylesheet" href="<?php bloginfo('stylesheet_url');?>" />
<link href='http://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Droid+Serif' rel='stylesheet' type='text/css'>

<?php wp_head();?>  
</head>

Answer 1

您必須在單獨的JS文件中或使用以下代碼實際初始化基礎：

add_action( 'wp_footer', 'so20558071_foundation_init', 9999 );
function so20558071_foundation_init()
{
    echo '<script>jQuery(document).foundation();</script>';
}

Answer 2

嘗試更換：

wp_enqueue_script('foundation-js', get_template_directory_uri().'/js/foundation.min.js', array( 'jquery' ), false, true);

附：

wp_register_script('foundation-js', get_template_directory_uri()."/js/foundation.min.js", false, null);
wp_enqueue_script('foundation-js');

對其他腳本也是如此。

最后改變

add_action( 'wp_enqueue_scripts', '_sf_scripts' );

至

add_action('init', '_sf_scripts');

Answer 3

適用於我的解決方案：

功能PHP

<?php
function _sf_scripts() {
wp_enqueue_script('foundation-js', get_template_directory_uri().'
/js/foundation.min.js', array( 'jquery' ), false, true);
wp_enqueue_script('foundation-init', get_template_directory_uri().'/js/foundation-
orbit.js', array(), false, true);
wp_enqueue_script( 'menu-effect', get_template_directory_uri() . '/js/menu.js', 
array(), '1.0.0', true );
}
add_action( 'wp_enqueue_scripts', '_sf_scripts' );

add_action( 'wp_footer', 'so20558071_foundation_init', 9999 );
function so20558071_foundation_init()
{
   echo '<script>jQuery(document).foundation();</script>';
}

?>

腳PHP

<!-- Java Scripts -->
<script>
document.write('<script src= <?php bloginfo('template_url'); ?>' +
('__proto__' in {} ? 'js/vendor/zepto' : 'js/vendor/jquery') +
 '.js><\/script>')
 </script>

WordPress，添加自定義JS和Foundation js

問題描述

3 個解決方案

解決方案1
1 已采納 2013-12-13 12:01:23

解決方案2
0 2013-12-13 03:03:57

解決方案3
0 2013-12-13 19:09:15

WordPress，添加自定義JS和Foundation js

問題描述

3 個解決方案

解決方案1 1 已采納 2013-12-13 12:01:23

解決方案2 0 2013-12-13 03:03:57

解決方案3 0 2013-12-13 19:09:15

解決方案1
1 已采納 2013-12-13 12:01:23

解決方案2
0 2013-12-13 03:03:57

解決方案3
0 2013-12-13 19:09:15