稍微难以解释问题,但我正在尝试使用带有我正在创建的wordpress主题的jQuery UI。我已经链接到我的头脑中的jQuery UI,并且jquery.js已经链接到wordpress包含 - 但是使用此设置我的jQuery UI元素不起作用。它们仅在我手动添加到jQuery.js的链接时才起作用 - 即使它是相同的版本。请参阅下面的代码:
<!--wp head -->
<link rel="alternate" type="application/rss+xml" title="Template - Fox » 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中,一次手动在它下面。
当我拿走我的手册版本时,它不起作用 - 为什么会这样,我如何解决这个问题所以我不会把它包括两次?
答案 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');