Php fancybox jQuery没有';是否与任何其他javascript/jQuery脚本一起运行?
我一直试图在使用fancybox的同一页面中使用其他jQuery或javascript脚本,但每次我在其中放置任何其他代码时,fancybox模式弹出窗口停止工作,它实际上会打开一个新窗口而不是模式窗口 不管新的javascript是什么、多大或多小。。。它将停止fancybox正常工作,但页面中没有任何其他代码,fancybox正常工作。我是javascript和jquery的新手,所以我完全迷路了 以下是我的fancybox代码: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
<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 ? ' ' + 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代码,但如果您也展示了如何包含其他脚本,这将非常有用