WordPress,添加自定义JS和Foundation JS
WordPress, adding custom JS and Foundation js
我正在构建我的第一个WordPress主题,我一直坚持在网站上包含JavaScripts。
我尝试了几种不同的方法,将它直接添加到硬加载的头中,也添加到函数中,但它会缝合,我无法使其工作。
这是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>
您必须在一个单独的JS文件中初始化基础,或者使用以下代码:
add_action( 'wp_footer', 'so20558071_foundation_init', 9999 );
function so20558071_foundation_init()
{
echo '<script>jQuery(document).foundation();</script>';
}
尝试替换:
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');
适用于我的解决方案:
函数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>';
}
?>
FOOTER 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
- Foundation 6.2 Slider使用js设置值
- Foundation 5可能的错误:未捕获类型错误:层必须是文档节点Foundation.min.js:8
- 如何在AngularJS ngview中加载图像后执行foundation js调用
- 光滑的旋转木马不适用于 Foundation 5 和 Firefox 中的 JS
- 是否有在 Zurb Foundation 4 中有条件地加载 JS 组件的最佳实践
- 从 Bootstrap 切换到 Foundation JS 错误与 Poltergeist
- Foundation 5 JS插件不起作用
- 当鼠标离开区域时,或在Zurb Foundation中使用JS时,恢复到初始活动选项卡
- Ember.js中的Foundation.js下拉菜单
- 当PHP类动态调整图像大小时,Zurb Foundation中的Interchange.js出现问题
- Foundation JS未捕获类型错误
- 使用foundation.core.js时出错
- 全球框架(Bootstrap, Foundation…)智能手机JS检测
- IE在Zurb foundation.min.js中抛出' Object does 't support pro
- Vue.js + Foundation + Webpack configuration
- Modal Notification Appear On Form Send, Foundation/Abide.js
- 将web图像url转换为Windows. foundation . uri以用于二级标题(JS, Windows 8)
- 如何创建一个最小的foundation.js文件
- 不明白如何让orbit js与Foundation 4一起工作