Question

<?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停止在产品页面上工作，当我在Navigation / jquery1.js之前放置if时，导航停止在Products页面上工作。

<script src="<?php echo get_template_directory_uri(); ?>/js/navigation/jquery1.js" type="text/javascript"></script>.

时一切正常

<?php wp_head(); ?>

正好在

之前

</head> section.

我需要

<?php wp_head(); ?>

由于搜索引擎优化，因此排在最前面。

以下是我正在处理http://www.nsmmusic.com网站的链接，问题恰好出现在此页http://www.nsmmusic.com/products/digital-jukeboxes/icon-lite/上（提前致谢。）

Answer 1

避免资产冲突的最佳方法是正确访问文件。为此，您必须使用wp_enqueue_script

这样做的一个好方法是将它作为函数的一部分放在你的functions.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函数参数：

第一个参数：你正在“挂钩”的功能

第二个参数：你创建的函数将被“挂钩”

Answer 2

我使用以下方法添加了大部分冲突的jQuery脚本：

function et_load_my_scripts(){
if ( !is_admin() ){
    $template_dir = get_template_directory_uri();
    wp_enqueue_script('navigation', $template_dir . '/js/navigation/jquery1.js', array('jquery'), '1.0', true);
    wp_enqueue_script('navigation1', $template_dir . '/js/navigation/nav_touch.js', array('jquery'), '1.0', true);
    wp_enqueue_script('jqzoom', $template_dir . '/js/jq/jquery.jqzoom-core.js', array('jquery'), '1.0', true);

}
if ( is_singular() && get_option( 'thread_comments' ) ) wp_enqueue_script( 'comment-reply' );

$et_gf_enqueue_fonts = array();
$et_gf_heading_font = sanitize_text_field( et_get_option( 'heading_font', 'none' ) );
$et_gf_body_font = sanitize_text_field( et_get_option( 'body_font', 'none' ) );

if ( 'none' != $et_gf_heading_font ) $et_gf_enqueue_fonts[] = $et_gf_heading_font;
if ( 'none' != $et_gf_body_font ) $et_gf_enqueue_fonts[] = $et_gf_body_font;

if ( ! empty( $et_gf_enqueue_fonts ) ) et_gf_enqueue_fonts( $et_gf_enqueue_fonts ); }

add_action( 'wp_enqueue_scripts', 'et_load_my_scripts' );

感谢您的帮助：）

wp_head与其他jQuery脚本冲突

2 个答案: