Wordpress 包含的 jQuery 没有任何影响

Question

有点难以解释的问题，但我正在尝试将 jQuery UI 与我正在创建的 wordpress 主题一起使用。我已经在脑海中链接到 jQuery UI，并且 jquery.js 已经链接到 wordpress 包含的内容 - 但是使用此设置，我的 jQuery UI 元素不起作用。它们仅在我手动添加指向 jQuery.js 的链接时才起作用——即使它是相同的版本。请参阅下面的代码：

<!--wp head -->
<link rel="alternate" type="application/rss+xml" title="Template - Fox &raquo; Test Comments Feed" href="http://www.skizzar.com/template-fox/test/feed/" />
<link rel='stylesheet' id='style-css'  href='http://www.skizzar.com/template-fox/wp-content/themes/fox/style.css?ver=3.9' type='text/css' media='all' />
<script type='text/javascript' src='http://www.skizzar.com/template-fox/wp-includes/js/jquery/jquery.js?ver=1.11.0'></script>
<script type='text/javascript' src='http://www.skizzar.com/template-fox/wp-includes/js/jquery/jquery-migrate.min.js?ver=1.2.1'></script>
<link rel="EditURI" type="application/rsd+xml" title="RSD" href="http://www.skizzar.com/template-fox/xmlrpc.php?rsd" />
<link rel="wlwmanifest" type="application/wlwmanifest+xml" href="http://www.skizzar.com/template-fox/wp-includes/wlwmanifest.xml" /> 
<link rel='prev' title='Features' href='http://www.skizzar.com/template-fox/features/' />

<!--end wp head -->

<script src="//code.jquery.com/jquery-1.11.0.js"></script>
<script src="//code.jquery.com/ui/1.10.4/jquery-ui.js"></script>
<script>
    $(function() {
    $( ".accordion" ).accordion();
    });
</script>

这是我可以让我的 jQuery UI 元素工作的唯一方法——但你会注意到 jQuery.js 被引用了两次——一次在 wp-head 中，一次在它的下方手动。

当我拿走我的手动版本时，它不起作用 - 为什么会这样，我该如何解决它，所以我不会两次包含它？？

Answer 1

您可以使用functions.php 中的此代码将默认 jQuery 版本替换为 CDN 链接：

function jquery_cdn() {
    wp_deregister_script('jquery');
    wp_register_script('jquery', 'http://code.jquery.com/jquery-1.11.0.js', false, '1.11.0');
    wp_register_script('jquery-ui', 'http://code.jquery.com/ui/1.10.4/jquery-ui.js', false, '1.10.4');

    wp_enqueue_script('jquery');
    wp_enqueue_script('jquery-ui');
}
add_action('init', 'jquery_cdn');