jQuery / JavaScript在控制台中运行并显示在源代码中，但不在joomla中运行

Question

这都在模板的标题中：

<script type="text/javascript" src="<?php echo $this->baseurl ?>/libraries/featuredimagezoomer.js">

...

<script type="text/javascript">
var $j = jQuery.noConflict();
$j(document).ready(function($){
 $j('.main-image img:first').attr('ID', 'zoom');
 image = $j('.main-image img:first').attr('src');
 console.log(image);

$j('#zoom').addimagezoom({
zoomrange: [3, 10],
magnifiersize: [300,300],
magnifierpos: 'right',
cursorshade: true,
largeimage: image
})  })
</script>

它将从控制台运行得很好，但我必须手动输入外部JS文件，即使它显示在chrome / webkit的“脚本”选项卡下。它甚至出现在源代码中，但由于某种原因没有运行。

网站正在运行Joomla 1.7.3并拥有virtuemart插件。

Answer 1

由于VirtueMart，您可能正在运行JQuery两次。 Turn off 其中一个。

Answer 2

所以，实质上我在评论中回答了这个问题。为了总结后代，最终的解决方案基本上是：“应用调试策略，比如使用console.log来检查你的假设并弄清楚出了什么问题”。如果您遇到类似于此问题的问题，那么可能想要阅读评论，但其详细信息与theefefytaco的具体案例非常相似。