Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/380.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
Php fancybox jQuery没有';是否与任何其他javascript/jQuery脚本一起运行?_Php_Javascript_Jquery_Fancybox - Fatal编程技术网

Php fancybox jQuery没有';是否与任何其他javascript/jQuery脚本一起运行?

Php fancybox jQuery没有';是否与任何其他javascript/jQuery脚本一起运行?,php,javascript,jquery,fancybox,Php,Javascript,Jquery,Fancybox,我一直试图在使用fancybox的同一页面中使用其他jQuery或javascript脚本,但每次我在其中放置任何其他代码时,fancybox模式弹出窗口停止工作,它实际上会打开一个新窗口而不是模式窗口 不管新的javascript是什么、多大或多小。。。它将停止fancybox正常工作,但页面中没有任何其他代码,fancybox正常工作。我是javascript和jquery的新手,所以我完全迷路了 以下是我的fancybox代码: <script src="scripts/mo

我一直试图在使用fancybox的同一页面中使用其他jQuery或javascript脚本,但每次我在其中放置任何其他代码时,fancybox模式弹出窗口停止工作,它实际上会打开一个新窗口而不是模式窗口

不管新的javascript是什么、多大或多小。。。它将停止fancybox正常工作,但页面中没有任何其他代码,fancybox正常工作。我是javascript和jquery的新手,所以我完全迷路了

以下是我的fancybox代码:

    <script src="scripts/modernizr-2.6.1.min.js"></script>
  <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
    <script>
        !window.jQuery && document.write('<script src="jquery-1.4.3.min.js"><\/script>');
    </script>
    <script type="text/javascript" src="./fancybox/jquery.mousewheel-3.0.4.pack.js"></script>
    <script type="text/javascript" src="./fancybox/jquery.fancybox-1.3.4.pack.js"></script>
    <link rel="stylesheet" type="text/css" href="./fancybox/jquery.fancybox-1.3.4.css" media="screen" />
    <link rel="stylesheet" href="modalstyle.css" />
    <script type="text/javascript">
        $(document).ready(function() {
            /*
            *   Examples - images
            */

            $("a#example1").fancybox();

            $("a#example2").fancybox({
                'overlayShow'   : false,
                'transitionIn'  : 'elastic',
                'transitionOut' : 'elastic'
            });

            $("a#example3").fancybox({
                'transitionIn'  : 'none',
                'transitionOut' : 'none'    
            });

            $("a#example4").fancybox({
                'opacity'       : true,
                'overlayShow'   : false,
                'transitionIn'  : 'elastic',
                'transitionOut' : 'none'
            });

            $("a#example5").fancybox();

            $("a#example6").fancybox({
                'titlePosition'     : 'outside',
                'overlayColor'      : '#000',
                'overlayOpacity'    : 0.9
            });

            $("a#example7").fancybox({
                'titlePosition' : 'inside'
            });

            $("a#example8").fancybox({
                'titlePosition' : 'over'
            });

            $("a[rel=example_group]").fancybox({
                'transitionIn'      : 'none',
                'transitionOut'     : 'none',
                'titlePosition'     : 'over',
                'titleFormat'       : function(title, currentArray, currentIndex, currentOpts) {
                    return '<span id="fancybox-title-over">Image ' + (currentIndex + 1) + ' / ' + currentArray.length + (title.length ? ' &nbsp; ' + title : '') + '</span>';
                }
            });

            /*
            *   Examples - various
            */

            $("#various1").fancybox({
                'titlePosition'     : 'inside',
                'transitionIn'      : 'none',
                'transitionOut'     : 'none'
            });

            $("#various2").fancybox();

            $("#various3").fancybox({
                'width'             : '75%',
                'height'            : '75%',
                'autoScale'         : false,
                'transitionIn'      : 'none',
                'transitionOut'     : 'none',
                'type'              : 'iframe'
            });

            $("#various4").fancybox({
                'padding'           : 0,
                'autoScale'         : false,
                'transitionIn'      : 'none',
                'transitionOut'     : 'none'
            });
        });
    </script>

<script type='text/javascript'>
    $(window).load(function(){
        $('#various3').addClass("external").attr({ target: "_blank", href: 'insert.php' })[0].click();
    });
</script>

!window.jQuery和document.write(“”);
$(文档).ready(函数(){
/*
*示例-图像
*/
$(“a#example1”).fancybox();
$(“示例2”).fancybox({
“叠加显示”:错误,
“transitionIn”:“弹性”,
“transitionOut”:“弹性”
});
$(“示例3”).fancybox({
“transitionIn”:“无”,
“transitionOut”:“无”
});
$(“示例4”).fancybox({
“不透明”:正确,
“叠加显示”:错误,
“transitionIn”:“弹性”,
“transitionOut”:“无”
});
$(“a#example5”).fancybox();
$(“示例6”).fancybox({
“标题位置”:“外部”,
“套色”:“000”,
“产能过剩”:0.9
});
$(“示例7”).fancybox({
“标题位置”:“内部”
});
$(“示例8”).fancybox({
“标题位置”:“结束”
});
$(“a[rel=example\u group]”)。fancybox({
“transitionIn”:“无”,
“transitionOut”:“无”,
“标题位置”:“结束”,
“标题格式”:函数(标题、currentArray、currentIndex、currentOpts){
返回'Image'+(currentIndex+1)+'/'+currentArray.length+(title.length?''+title:'')+'';
}
});
/*
*示例-各种
*/
$(“#various1”).fancybox({
“标题位置”:“内部”,
“transitionIn”:“无”,
“transitionOut”:“无”
});
$(“#various2”).fancybox();
$(“#various3”).fancybox({
“宽度”:“75%”,
“高度”:75%,
“自动缩放”:false,
“transitionIn”:“无”,
“transitionOut”:“无”,
“type”:“iframe”
});
$(“#various4”).fancybox({
“填充”:0,
“自动缩放”:false,
“transitionIn”:“无”,
“transitionOut”:“无”
});
});
$(窗口)。加载(函数(){
$('#various3').addClass(“外部”).attr({target:'u blank',href:'insert.php'})[0]。单击();
});
有人能告诉我我要做什么吗


谢谢

控制台有任何错误吗?我看不到任何错误!唯一发生的事情是fancybox模式弹出窗口不工作,它将打开一个新窗口。但是在页面中没有任何额外的Javascript或jQuery代码的情况下,fancybox模式工作得很好!!检查您正在使用的浏览器,并用谷歌搜索如何在该浏览器中打开控制台。检查控制台时,您将看到一个错误。Fancybox中根本没有问题,问题是您的Javascript错误,从而停止了整个Javascript执行。使用浏览器的控制台,您可以找出代码的问题。检查错误消息并了解如何调试。我现在看到的一个问题是
[0]
不应该出现,但可能还有其他问题。一些帮助:验证您安装的其他插件是否正在加载另一个可能会产生冲突的jQuery版本(有些插件)。还可以确保在加载jQuery之前不加载它们。您展示了fancybox代码,但如果您也展示了如何包含其他脚本,这将非常有用