0

我正在尝试在 Magento Go 商店中运行一个 jQuery 灯箱（灯箱 2），该商店在原型/scriptaculous 上运行。

我已经成功添加并运行了需要“激活”（因为缺少更好的术语）的 jQuery 脚本，例如轨道滑块，方法是将 $ 替换为 jQuery，例如

<script type="text/javascript">
 jQuery(window).load(function() {
     jQuery('#featured').orbit();
 });
</script>

我的理解是，当执行轨道的 js 时，它会“知道”使用 jQuery，因为它是这样调用的。

但是，Lightbox 2 不需要以这种方式“激活”。我需要做的就是加载 js 文件并包含 css 文件。

<script src="js/lightbox.js"></script>
<link href="css/lightbox.css" rel="stylesheet" />

并且该脚本应该会获取所有带有 rel='lightbox' 的链接。

我无法让它正常工作，所以我的直觉告诉我它与其他库冲突？

问题是——如何加载 js 以使其在 jQuery.noconflict 模式下运行？

提前致谢。瑞安

ps-lightbox.js https://github.com/lokesh/lightbox2/blob/master/js/lightbox.js

4

2 回答 2

0

在 lightbox.js 中，尝试替换第 43 行：

(function() {

和：

(function($) {

然后替换第 351 行（最后）：

}).call(this);

有了这个：

}).call(this, jQuery);

没有把握 ：/

于 2012-04-15T05:07:49.593 回答
0

在这个例子中尝试一些东西。

<script type="text/javascript"> 
    var $ = jQuery.noConflict();

    $(document).ready(function($) {
        $('#featured').orbit({
            interval: 4500  
        })
    }); 
</script>
于 2014-03-26T16:38:55.040 回答