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（function（）”和fancybox脚本的“$（document）.ready（function（）”之间是否存在冲突？

如何克服冲突（如果这是问题）的任何帮助将不胜感激。

谢谢，Mark。

Answer 1

看来你的问题在于jCarousel将图像移入和移出视图 - 导致fancybox出现问题。所以答案是你不能轻易地同时使用它们（没有重新编写fancybox插件）。

我会考虑使用已经内置了扩展弹出功能的不同轮播。

另外，我会将所有代码放在

中

jQuery(document).ready(function()

或

$(document).ready(function()

清洁度。