Virtuemart和Joomla: Uncaught : Object [ Object ]没有方法'iZoom‘

Question

我使用Joomla 2.5和Virtuemart 2.0.12。

现在，我在普通Joomla模板的基础上安装了一个虚拟模板。

现在，发生以下错误：

在Virtuemart中打开“产品详细信息”页面时，产品的缩略图和缩放都不起作用。另外，将产品添加到购物车的按钮也不起作用。

这是一个错误：

TypeError:对象对象没有方法“iZoom”

这是.js文件中的代码：

// Lets Load The Lens Effect ;-)
bigImage.iZoom({
    borderColor: '#e1e0e0', // set the loupe border color
    borderWidth: '3px', // set the loupe border width
         diameter: '170'
});

我怎样才能解决这个问题呢？我绝对没有在Joomla中安装其他组件或模块。

提前谢谢你。

JorritK

Answer 1

您的解决方案可能是javascript冲突。

几天前，我遇到了类似的问题，Joomla2.5模板(jat3模板- JA组合更具体)和滑块模块由我自己编写。首先，我认为问题是由我的模块造成的，但事实并非如此。

我的错误与您的错误相似：

Uncaught TypeError: Object [object Object] has no method 'getElements'

正如您所看到的，错误几乎是一样的，只是方法不同，但我认为在这种情况下它是不相关的。当javascrips描述appers时会发生此错误，因为程序不知道它应该使用哪个库，或者它被joomla覆盖($符号的引用)，但这取决于它。

我必须承认，我从未使用过Virtuemart，也不知道模板使用中包含了什么样的javascript，但我确信，对于您来说，解决方案是专注于与以下内容保持一致：

jQuery.noConflict();

已经包含了..whenever jQuery库。

我用模块中的主.php文件中的几行代码解决了我的问题：

if($loadJquery) $document->addScript(ModSlideshowHelper::getJqueryFile($jqueryFile));
if($jqueryNoConflict) $document->addScript(ModSlideshowHelper::getJqueryNoConflictFile());

正如您注意到的，第一行添加了jQuery脚本，第二行包含静态函数。加载第二个函数的文件只包含单行jQuery.noConflict();。

public static function getJqueryNoConflictFile()
{
    return 'modules'.DS.'mod_slideshow'.DS.'js'.DS.'jquery-no-conflict.js';
}

希望这个例子有帮助。