0

我即将在我的 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>

我得到3ja2ja,但既不是 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

谢谢!

4

1 回答 1

0

尝试为 1.9.1 添加 migrate js

<script src="http://code.jquery.com/jquery-migrate-1.1.1.min.js"></script>
于 2013-03-23T13:27:21.707 回答