javascript - 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 并具有 measuremart 插件。

Answer 1

所以，从本质上讲，我最终在评论中回答了这个问题。总结一下，最终的解决方案基本上是：“应用调试策略，例如使用 console.log 来检查您的假设并找出问题所在”。如果您遇到与此问题类似的问题，您可能想阅读评论，但它的细节与 thebeefytaco 的具体案例完全不同。

Answer 2

由于 VirtueMart，您可能两次运行 JQuery。关闭其中一个。