<?php wp_head(); ?>
当直接移到顶部后与其他两个 jQuery 脚本发生冲突
<head> section
并且这只发生在“产品”页面中。
<?php wp_head(); ?> conflicts with jQzoom.js and Navigation/jquery1.js on Products page.
当我放
<?php wp_head(); ?>
以上
<script type="text/javascript" src="<?php bloginfo('template_url'); ?>/js/jq/jquery.jqzoom-core.js">
然后 jQzoom 停止在产品页面上工作,当我将 if 放在 Navigation/jquery1.js 之前时,导航将停止在产品页面上工作。
<script src="<?php echo get_template_directory_uri(); ?>/js/navigation/jquery1.js" type="text/javascript"></script>.
一切正常
<?php wp_head(); ?>
就在结尾之前
</head> section.
我需要
<?php wp_head(); ?>
由于 SEO,位于该部分之后的顶部。
这是我正在开发的网站的链接 http://www.nsmmusic.com问题恰好出现在这个页面 http://www.nsmmusic.com/products/digital-jukeboxes/icon-lite/ (提前致谢。)
最佳答案
避免资源冲突的最佳方法是正确查询文件。为此,您必须使用 wp_enqueue_script
执行此操作的一个好方法是将其作为函数的一部分放入 function.php 文件中,如下所示
- 创建一个函数
- 将
wp_register_script
插入函数 - 然后将
wp_enqeue_script
插入到函数中 - 使用 add_action() 来初始化入队过程
所以-
function load_scripts() {
wp_register_script( 'script-name', get_template_directory_uri() . '/js/script.js', array( 'scriptyouwillwaittobeloaded' ) );
wp_enqueue_script( 'script-name' );
}
add_action('wp_enqueue_scripts', 'load_scripts');
<小时/>
在此示例中,将在 header.php 文件中调用函数 load_scripts()
。看看wp_register_script以及更好地理解这一点的论点,但总而言之 -
第一个参数:是您要用作此脚本引用的名称
第二个参数:是脚本的实际链接
第三个参数:是你想要在这个脚本之前加载的脚本(在这个脚本加载之前你想要等待的脚本)
<小时/>对于wp_enqueue_script,参数只是对名称的引用(wp_register_script 的第一个参数)
<小时/>add_action 函数参数:
第一个参数:您要“ Hook ”的函数
第二个参数:您创建的将被“ Hook ”的函数
关于jquery - wp_head 与其他 jQuery 脚本冲突,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19008542/