0

我正在尝试在目录图像上的 Joomla 驱动网站上实现 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 回答
1

我看到了你的页面,发现你在依赖文件之后加载 jQuery 文件。控制台有很多错误。第一个是 jQuery 未定义。在所有其他脚本文件之前移动您的 jQuery 文件。

将 jQuery 移到顶部后,您的网站看起来不错。我按照你的要求附上了一张快照。 在此处输入图像描述

于 2012-10-03T18:21:19.273 回答