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>

私は3jaとを取得します2jaが、 a1jaも a も取得しません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

ありがとうございました！

4

1 に答える 1

0

1.9.1 にも移行 js を追加してみてください

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