首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >如何在标头中添加3组JavaScript

问如何在标头中添加3组JavaScript
EN

Stack Overflow用户
提问于 2011-03-03 18:44:43
回答 2查看 256关注 0票数 0

我试图在我的头标记中运行三组JS代码,但是,我似乎一次只能运行两个JS代码,下面的代码如下所示.

(下面的代码本身运行得非常好)

代码语言:javascript
复制
    <link rel="stylesheet" href="http://www.frhdesigns.com/lightbox2.04/css/lightbox.css" type="text/css" media="screen" />
    <script type="text/javascript" src="http://www.frhdesigns.com/lightbox2.04/js/prototype.js"></script>
    <script type="text/javascript" src="http://www.frhdesigns.com/lightbox2.04/js/scriptaculous.js?load=effects,builder"></script>
    <script type="text/javascript" src="http://www.frhdesigns.com/jquery-vertical-scroll/js/jquery.min.js"></script>
    <script type="text/javascript">
         jQuery.noConflict();
    </script>
    <script src="http://www.frhdesigns.com/jquery-vertical-scroll/js/jquery.localscroll-min.js" type="text/javascript"></script>
    <script src="http://www.frhdesigns.com/jquery-vertical-scroll/js/jquery.scrollTo-min.js" type="text/javascript"></script>
    <script type="text/javascript" src="http://www.frhdesigns.com/lightbox2.04/js/lightbox.js">     
</script>
    <script type="text/javascript">
        jQuery(document).ready(function () {
            jQuery.localScroll.defaults.axis = 'y';
            jQuery.localScroll();
        });
    </script>

...Now当我将第三组代码添加到混合(下面的第三组js代码)中时,当我查看页面时,我似乎无法让这三组代码一起工作。我知道JS是关于order...but的我不知道命令..。

代码语言:javascript
复制
<script type="text/javascript" src="_fade_in/js/jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="_fade_in/js/custom.js"></script>

谢谢!

好的。我应该把这行代码放在哪里?

代码语言:javascript
复制
<script type="text/javascript" src="_fade_in/js/custom.js"></script> 

**in the following sequence?**

<script type="text/javascript" src="http://www.frhdesigns.com/lightbox2.04/js/prototype.js"></script>

<script type="text/javascript" src="http://www.frhdesigns.com/lightbox2.04/js/scriptaculous.js?load=effects,builder"></script>

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


<script type="text/javascript">
    jQuery.noConflict();
</script>

<script src="http://www.frhdesigns.com/jquery-vertical-scroll/js/jquery.localscroll-min.js" type="text/javascript"></script>
<script src="http://www.frhdesigns.com/jquery-vertical-scroll/js/jquery.scrollTo-min.js" type="text/javascript"></script>

<script type="text/javascript" src="http://www.frhdesigns.com/lightbox2.04/js/lightbox.js"></script>
<script type="text/javascript">
        jQuery(document).ready(function () {
            jQuery.localScroll.defaults.axis = 'y';
            jQuery.localScroll();
        });
</script>
EN

回答 2

Stack Overflow用户

回答已采纳

发布于 2011-03-03 18:55:05

从您的文件名判断,您似乎要加载jQuery两次。

代码语言:javascript
复制
<script type="text/javascript" src="http://www.frhdesigns.com/jquery-vertical-scroll/js/jquery.min.js"></script>
<script type="text/javascript" src="_fade_in/js/jquery-1.3.2.min.js"></script>

去掉第二个jQuery包含并将第一个更新到您需要的特定版本(如果还没有)。

票数 1
EN

Stack Overflow用户

发布于 2011-03-03 19:07:31

您需要为jQuery.noConflict();为jQuery启用。

代码语言:javascript
复制
<script type="text/javascript">
     jQuery.noConflict();

     // Use jQuery instead of $
     jQuery(document).ready(function(){
       jQuery("div").hide();
     });

     //  prototype codes

     //  scriptaculous
</script>
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/5185064

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档