0

カタログ画像のJoomla駆動のWebサイトにJqueryズームを実装しようとしています。私はこれを機能させることができないので、誰かがこの問題を解決するのを手伝ってくれますか?

これらのスクリプトを頭に追加しました：

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8/jquery.min.js" type="text/javascript"></script>
<script src="http://www.myurl.mk/templates/beez_20/javascript/jquery.zoom.js"></script>

これが与えるエラーです：

Uncaught TypeError: Object #<HTMLDocument> has no method 'ready'
(anonymous function)

ここに私のサイトの例へのリンクがあります

ここに私のコードがあります:

<script>
        $(document).ready(function(){
            $('#ex1').zoom({url: '<?php echo $this->item->imageXLarge; ?>'});
        });
    </script>
      <div class="itemImageBlock" style="float:none;">
          <span class="itemImage" id="ex1">
                <img src="<?php echo $this->item->image; ?>" alt="<?php if(!empty($this->item->image_caption)) echo K2HelperUtilities::cleanHtml($this->item->image_caption); else echo K2HelperUtilities::cleanHtml($this->item->title); ?>" style="width:<?php echo $this->item->imageWidth; ?>px; height:auto;" />
          </span>
4

2 に答える 2

1

サンプル ページでは、jquery.js の前に ks2.js をインポートしています。

<head>これは、タグの後の最初の項目である必要があります。

<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js" type="text/javascript"></script>
于 2012-10-03T18:16:10.833 に答える