gpt4 book ai didi

javascript - 多个脚本标签在我的页面中不起作用

转载 作者:行者123 更新时间:2023-11-28 16:46:57 25 4
gpt4 key购买 nike

好的,我正在为一个 friend 建立一个网站,我目前正在使用 jquery-1.4.3.min.js、corners.js、equalcols.js 和 head 中的预加载图像脚本。一切都很好。

问题是,我现在需要一个页面的 FancyBox(LightBox 替代品),但它似乎不起作用!我知道这是因为某些事情与另一个发生冲突,但我不知道是什么。是脑袋里的顺序吗?或者是其他东西?已经尝试过 LightBox,但它也不起作用。

它要么不工作并阻止 EqualCols.js 工作,要么其他一切工作,除了用于所需的迷你图像库的 FancyBox。

头部代码如下:(里面没有FancyBox)

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled 1</title>
<link rel="stylesheet" href="styles.css" type="text/css" />
<script type="text/javascript" src="js/jquery-1.4.3.min.js"></script>

<!-- PRELOAD MENU IMAGES BEGINNING -->
<script>
var myimages=new Array()
function preloadimages(){
for (i=0;i<preloadimages.arguments.length ;
i + myimages [ i ] =new Image ( myimages [ i ]
src=preloadimages.arguments[i] } Enter path of images to be preloaded
inside parenthesis. Extend list as desired. preloadimages ( images /
home-h.png " images / about-h.png " images / services-rates-h.png "
images / past-work-h.png " images / contact-h.png " images /
shop-specials-h.png " images / free-quote-h.png " images /
book-now-h.png ")
</script>
<!-- PRELOAD MENU IMAGES END -->

<!-- stop curvery corners error in IE -->
<script type="text/javascript" src="js/corners.js"></script>
<script type="text/javascript">
var curvyCornersVerbose = false;
</script>
<!-- stop curvery corners error in IE -->

<!-- EQUAL COLS START -->
<script src="js/equalcols.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function() {
$('#left-col,#right-col').equalCols();
});
</script>
<!-- EQUAL COLS END -->

</head>

有谁能告诉我需要将 FancyBox 编码放在哪里才能使一切正常工作?或者我还能做些什么来让它工作?规则是什么?我在 Google 上进行了研究,但似乎找不到我想要的答案。

我需要实现的 FancyBox 代码是:

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
<script type="text/javascript" src="/fancybox/jquery.fancybox-1.3.4.pack.js"></script>
<link rel="stylesheet" href="/fancybox/jquery.fancybox-1.3.4.css" type="text/css" media="screen" />

如果我已经在使用它,还需要顶行吗?:

<script type="text/javascript" src="js/jquery-1.4.3.min.js"></script>

非常感谢任何帮助。

最佳答案

替换:

<script type="text/javascript" src="js/jquery-1.4.3.min.js"></script>

与:

<link rel="stylesheet" href="/fancybox/jquery.fancybox-1.3.4.css" type="text/css" media="screen" />
<script type="text/javascript" src="js/jquery-1.4.3.min.js"></script>
<script type="text/javascript" src="/fancybox/jquery.fancybox-1.3.4.pack.js"></script>

花式框代码:

$(document).ready(function() {
$('#single_image').fancybox();
});

关于javascript - 多个脚本标签在我的页面中不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9106342/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com