Question

我即将在我的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，但1ja和1nein

此外，我的身体还有以下内容，它应该显示缩放功能：

<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

谢谢！

Answer 1

尝试为1.9.1添加migrate js

<script src="http://code.jquery.com/jquery-migrate-1.1.1.min.js"></script>

似乎没有加载jQuery脚本函数

1 个答案: