在noConflict（）模式下使用jQuery插件ColorBox

我在Joomla中使用jQuery插件ColorBox！主題，並且很難讓它在noConflict（）模式下工作。我有以下代碼調用我的jQuery和noConflict（）;然後我的實際jQuery標記：在noConflict（）模式下使用jQuery插件ColorBox

<script type="text/javascript" language="javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script> 
<script type="text/javascript" language="javascript">jQuery.noConflict();</script> 
<script type="text/javascript" language="javascript" src="PATH TO COLORBOX"></script> 
<script type="text/javascript" language="javascript"> 
    jQuery(document).ready(function(){ 
     jQuery('a.colorbox').colorbox(); 
    }) 
</script>

但是，我根本無法讓它在noConflict（）模式下工作。當禁用不衝突模式時，不用擔心，但Joomla中的相關Mootools腳本不起作用。

有人可以在這裏指出我正確的方向嗎？非常感謝，西蒙

來源

2010-08-03 SimonDowdles

你在頁面上使用除jQuery之外的任何其他庫嗎？ – Sarfraz 2010-08-03 08:41:29

您使用的是什麼Colorbox插件？谷歌的快速搜索似乎拋出了一些名爲Colorbox的jQuery插件。 – 2010-08-03 08:42:51

Joomla！在它的核心中使用Mootools庫，因此我想在noconflict模式下調用jQuery。我確認它可以工作，我可以操縱DOM，它只是拒絕在noConflict（）模式下工作的COLOROBX。我檢查了源代碼，看起來好像它被封裝在適當的包裝中以使用noConflict（） – SimonDowdles 2010-08-03 08:44:13

事實證明，所有這一切，這是有關的Joomla！正在調用腳本。因此，對於所有遇到同一問題的人，您的腳本調用都必須在Joomla之後調用！包括頭標籤，像如下：

<jdoc:include type="head" /> 
<script type="text/javascript" language="javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script> 
<script type="text/javascript" language="javascript">jQuery.noConflict();</script> 
<script type="text/javascript" language="javascript" src="<?php echo JURI::base(); ?>templates/helen-o-grady/js/jquery.colorbox-min.js"></script> 
<script type="text/javascript" language="javascript"> 
     jQuery(document).ready(function(){   
     jQuery('a.colorbox').colorbox({iframe:true, width:900, height:650}); 
     })(jQuery) 
</script>

來源

2010-08-03 09:30:16 SimonDowdles

這裏是答案：How to use no conflict for two types of jquery scripts。這裏

<script type="text/javascript"> 
    var jQuery1_10_2 = $.noConflict(true); 
    jQuery1_10_2 (document).ready(function() { 
    jQuery1_10_2 (".video-popup").colorbox({iframe:true, innerWidth:850, innerHeight:509, fixed:true}); 
    }); 
</script>

。視頻，彈出窗口彈出我的包裝類：

我有固定的這個方法。更改。

來源

2014-09-09 10:34:17

在noConflict（）模式下使用jQuery插件ColorBox

回答

相關問題