Javascript 在Prototype/Scriptaculous环境中运行jQuery脚本(lightbox 2)
我正在尝试在Magento Go商店中运行一个jQuery lightbox(lightbox 2),它在prototype/scriptaculous上运行 我已经成功地添加并运行了需要“激活”(因为缺少更好的术语)的jQuery脚本,比如orbit滑块,方法是用jQuery替换$Javascript 在Prototype/Scriptaculous环境中运行jQuery脚本(lightbox 2),javascript,jquery,magento,prototypejs,lightbox,Javascript,Jquery,Magento,Prototypejs,Lightbox,我正在尝试在Magento Go商店中运行一个jQuery lightbox(lightbox 2),它在prototype/scriptaculous上运行 我已经成功地添加并运行了需要“激活”(因为缺少更好的术语)的jQuery脚本,比如orbit滑块,方法是用jQuery替换$ <script type="text/javascript"> jQuery(window).load(function() { jQuery('#featured').orbit();
<script type="text/javascript">
jQuery(window).load(function() {
jQuery('#featured').orbit();
});
</script>
jQuery(window).load(函数(){
jQuery(“#特色”).orbit();
});
我的理解是,当orbit的js被执行时,它将“知道”使用jQuery,因为它是这样被称为jQuery的
但是,灯箱2不需要以这种方式“激活”。我所需要做的就是加载js文件并包含css文件
<script src="js/lightbox.js"></script>
<link href="css/lightbox.css" rel="stylesheet" />
脚本应该会使用rel='lightbox'拾取所有链接
我无法让它正常工作,所以我的直觉告诉我它与其他库冲突
问题是——如何以jQuery.noconflict模式运行的方式加载js
提前谢谢。
瑞安
ps-lightbox.js
在lightbox.js中,尝试替换第43行:
(function() {
与:
然后更换管路351(最后一个):
为此:
}).call(this, jQuery);
不确定:/试试这个例子
<script type="text/javascript">
var $ = jQuery.noConflict();
$(document).ready(function($) {
$('#featured').orbit({
interval: 4500
})
});
</script>
var$=jQuery.noConflict();
$(文档).ready(函数($){
$(“#特色”)。动态观察({
间隔时间:4500
})
});
不幸的是,它不起作用。一定是其他冲突。在包含jQuery.js之后,您是否也调用了jQuery.noConflict()?
}).call(this, jQuery);
<script type="text/javascript">
var $ = jQuery.noConflict();
$(document).ready(function($) {
$('#featured').orbit({
interval: 4500
})
});
</script>