WordPress，添加自定義JS和Foundation js

我正在構建我的第一個WordPress主題，並且我堅持在網站上添加JavaScript。WordPress，添加自定義JS和Foundation js

我嘗試了幾種不同的方法將它直接添加到headhard hardcoaded和功能，但它的接縫我無法讓它工作。

下面是從的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>

來源

2013-12-13 Ljubisa

有可能是在你的主題添加額外的JS文件..採取通過管理頁面一個很好看的選項。 – brdu

你必須在一個單獨的JS文件實際初始化的基礎上，或用下面的代碼：

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

來源

2013-12-13 12:01:23 diggy

我會立即嘗試這一點，我仍然試圖找出它..仍然沒有工作....我需要編輯實際的JavaScript呢？有人告訴我，我必須在.js文件中編輯所有$到jQuery – Ljubisa

它應該可以開箱即用 – diggy

請注意，您的代碼中有空格：'/ js/foundation.min.js' – diggy

嘗試更換：

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');

來源

2013-12-13 03:03:57 wicked

我試過這個，沒有變化 – Ljubisa

確保你有這個<？php wp_head（）; ？>在你的頭文件的部分（在之前）。 – wicked

是的，我做但沒有:(有線 – Ljubisa

解決方案爲我工作：

個

功能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>

來源

2013-12-13 19:09:15 Ljubisa

WordPress，添加自定義JS和Foundation js

回答

相關問題