Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/69.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript jCarousel和Fancybox_Javascript_Jquery_Fancybox - Fatal编程技术网

Javascript jCarousel和Fancybox

Javascript jCarousel和Fancybox,javascript,jquery,fancybox,Javascript,Jquery,Fancybox,在我的一个内容页面上,我正在使用jCarousel和Fancybox JQuery插件 问题是一次只有一个有效,所以我认为一定存在冲突 这是使用的代码: <script src="js/jquery.jcarousel.min.js"></script> <script> jQuery(document).ready(function() { jQuery('.showcase').jcarousel({ start: 1 });

在我的一个内容页面上,我正在使用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>

jQuery(文档).ready(函数(){
jQuery('.showcase').jcarousel({
起点:1
});
});
$(文档).ready(函数(){
$('.fancybox form').attr(“href”,“contact.php”).fancybox({
“宽度”:400,
“高度”:“90%”,
“自动缩放”:错误,
“transitionIn”:“弹性”,
“transitionOut”:“弹性”,
“类型”:“iframe”
}); 
});
jcarousel脚本的“jQuery(document).ready(function()”和fancybox脚本的“$(document).ready(function()”之间是否存在冲突

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


谢谢你,Mark。

看来你的问题在于jCarousel将图像移入和移出视图,这导致了fancybox出现问题。因此,答案是,如果不重新编写fancybox插件,你就无法轻松地同时使用这两个插件

我会考虑使用另一个转盘,它已经内置了扩展弹出功能

另一方面,我将把所有代码放在

jQuery(document).ready(function()


为了保持清洁。

您的fancybox呼叫没有在标签内?很抱歉,我在这里发布时错过了它。感谢您的回答,我将进一步挖掘其他转盘。还感谢您提供的保持代码一致的提示。马克。
$(document).ready(function()