我即将在我的 wordpress 安装中使用 jQuery。因此,我使用了适当的 wp_enqueue_script
函数来加载它以及 jQZoom 脚本。
结果,以下行可以按此顺序在我的标题中找到
<link rel='stylesheet' id='jQZoom_style-css' href='http://mysite.de/wordpress/wp-content/themes/twentytwelve-child/jqzoom_ev-2.3/css/jquery.jqzoom.css?ver=2.3' type='text/css' media='all' />
<script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js?ver=1.9.1'></script>
<script type='text/javascript' src='http://mysite.de/wordpress/wp-content/themes/twentytwelve-child/jqzoom_ev-2.3/js/jquery.jqzoom-core.js?ver=2.3'></script>
相应的文件都存在。但是,我在页脚上方(即正文中)的小测试脚本不起作用(所需的功能也不起作用):
<script type='text/javascript'>
if (jQuery()) {
alert('3ja');
} else {
alert('3nein');
}
if ($()) {
alert('2ja');
} else {
alert('2nein');
}
if (jqzoom()) {
alert('1ja');
} else {
alert('1nein');
}
</script>
我得到3ja
和2ja
,但既不是 a1ja
也不是 a1nein
我的身体里还有以下内容,应该显示缩放功能:
<script type='text/javascript'>
$(document).ready(function(){
$('.zoomTarget').jqzoom();
});
</script>
<a href="http://mysite.de/wordpress/wp-content/uploads/triumph_big3.jpg" title="triumph_big3" class="zoomTarget">
<img src="http://mysite.de/wordpress/wp-content/uploads/triumph_small3.jpg" title="triumph_small3" />
</a>
Chrome js 控制台显示以下错误:
Uncaught ReferenceError: jqzoom is not defined mysite.de:131
(anonymous function) mysite.de:131
Uncaught TypeError: Object [object Object] has no method 'jqzoom' mysite.de:111
(anonymous function) helga-matzke.de:111
c jquery.min.js:3
p.fireWith jquery.min.js:3
b.extend.ready jquery.min.js:3
H jquery.min.js:3
谢谢!