jCarousel和Fancybox

Question

在我的一个内容页面上，我使用了jCarousel和Fancybox JQuery插件。

问题是它们中只有一个在同一时间工作，所以我认为肯定有冲突。

下面是使用的代码：

<script src="js/jquery.jcarousel.min.js"></script>  
<script>
  jQuery(document).ready(function() {
  jQuery('.showcase').jcarousel({
    start: 1
    });
});
</script>

<script>
$(document).ready(function() {
    $('.fancybox-form').attr("href", "contact.php").fancybox({
      "width" : 400,
      "height" : "90%",
      "autoScale" : false,
      "transitionIn" : "elastic",
      "transitionOut" : "elastic",
      "type" : "iframe"
    }); 
});
</script>

jcarousel脚本的“jQuery(Document).ready(.ready())”和fancybox脚本的“$(Document)function()”之间是否存在冲突？

任何关于如何克服冲突的帮助(如果这就是问题)将不胜感激。

谢谢，马克。

Answer 1

看起来你的问题在于jCarousel将图像移入移出视图--这导致了fancybox的问题。因此，答案是您不能轻松地同时使用这两个插件(如果不重写fancybox插件)。

我会考虑使用一个不同的carousel，它已经内置了扩展弹出功能。

顺便说一句，我会把所有的代码放在

jQuery(document).ready(function()

或

$(document).ready(function()

为了清洁。