javascript - 脚本在 Wordpress 中被加载不止一次

Question

我正在尝试从 CDNjs 和 Google 等 CDN 加载我的一些脚本，这些脚本正在正确加载，但由于某种原因我没有找到，对于每个脚本我有两个甚至三个 HTTP 请求(对于相同的脚本)，这里是一个例子:http://tools.pingdom.com/fpt/#!/ePuR3Z/http://elbauldelprogramador.com .

我注意到当我登录时，所有脚本只生成一个 HTTP 请求。

来自 ajax.googleapis 的 Jquery 生成两个 http 请求，来自 cdnjs 的 jquery.easing.min.js 生成三个。

代码是:

//Making jQuery Google API
function modify_jquery() {
    if (!is_admin()) {
        // comment out the next two lines to load the local copy of jQuery
        wp_deregister_script('jquery');
        wp_register_script('jquery', 'http://ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js', false, '2.0.3');
        wp_enqueue_script('jquery');
   }
}
add_action('init','modify_jquery');

我有一个子主题，我从他的父主题那里复制了一个名为 wi_enqueue() 的函数。在父级中，函数是这样的:

add_action( 'wp_enqueue_scripts', 'wi_enqueue' );
if ( !function_exists('wi_enqueue') ) {
function wi_enqueue(){
 /* ...*/
}

在我的子 function.php 中我有:

function wi_enqueue(){
    global $wp_styles, $smof_data;

    /* Enqueue */
    wp_enqueue_script( 'wi-easing', '//cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.3/jquery.easing.min.js', array('jquery'), '1.3', true );  
    wp_enqueue_script( 'wi-touchswipe', '//cdnjs.cloudflare.com/ajax/libs/jquery.touchswipe/1.6.4/jquery.touchSwipe.min.js', array('jquery'), '1.3.3', true );
    wp_enqueue_script( 'wi-autosize', '//cdnjs.cloudflare.com/ajax/libs/autosize.js/1.17.1/autosize-min.js', array('jquery'), '1.17.1', true );
    wp_enqueue_script( 'wi-placeholder', '//cdnjs.cloudflare.com/ajax/libs/placeholders/2.1.0/placeholders.min.js', array('jquery'), '2.1.0', true );
    wp_enqueue_script( 'wi-modernizr', get_template_directory_uri() . '/js/modernizr.custom.15463.js', array('jquery'), '2.6.2', true );
    wp_enqueue_script( 'wi-waypoint', '//cdnjs.cloudflare.com/ajax/libs/waypoints/2.0.2/waypoints.min.js', array('jquery'), '2.0.2', true );
    wp_enqueue_script( 'wi-tipsy', get_template_directory_uri() . '/js/jquery.tipsy.js', array('jquery'), '1.0.0', true );
    wp_enqueue_script( 'wi-fitvids', get_template_directory_uri() . '/js/jquery.fitvids.js', array('jquery'), '1.0', true );
    wp_enqueue_script( 'wi-sidr', get_template_directory_uri() . '/js/jquery.sidr.min.js', array('jquery'), '1.1.1', true );

/* .... */
}

Answer 1

这可能会或可能不会解决您的问题，但我前一段时间遇到了一个非常类似的问题，并且花了很长时间来寻找解决方案。最后发现一些浏览器(Firefox 是最常见的有罪的浏览器)预取下一篇文章/文章，包括 JS 和其他页面元素，基于 <link rel="next" />标签。

这里有很多关于此的信息:http://www.ebrueggeman.com/blog/wordpress-relnext-and-firefox-prefetching

如果您仍然遇到问题，希望这会有所帮助。