Wordpress包含jQuery没有任何影响

时间:2014-04-25 18:37:58

标签: jquery wordpress jquery-ui head

稍微难以解释问题,但我正在尝试使用带有我正在创建的wordpress主题的jQuery UI。我已经链接到我的头脑中的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中,一次手动在它下面。

当我拿走我的手册版本时,它不起作用 - 为什么会这样,我如何解决这个问题所以我不会把它包括两次?

1 个答案:

答案 0 :(得分: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');