如何在一个HTML文件中调用两个脚本

我是新手。我在一个HTML文件中使用PrettyPhoto Lightbox和Flexslider。每当我将PrettyPhoto放在页面的底部，就在关闭body标签之前，它会让我的Flex Slider消失，PrettyPhoto lightbox没有正确配置。我知道这是以前的答案，但我不明白答案。有人可以重新给我说话吗？如何在一个HTML文件中调用两个脚本

下面是在HTML文件中：

<!-- Javascript --> 
<script src="/js/jquery.flexslider.js"></script>

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.5.0/jquery.min.js"></script> 
<link rel="stylesheet" href="css/prettyPhoto.css" type="text/css" media="screen" charset="utf-8" /> 

<script type="text/javascript" charset="utf-8"> 
    $(document).ready(function() { 
     ("a[rel^='prettyPhoto']").prettyPhoto(); 
    }); 
    </script> 
</body>

来源

2014-10-19 hnewbie

究竟发生了什么？你在控制台中看到什么？ – SLaks 2014-10-19 23:50:49

这里是链接：http://www.runningonbroke.com/playground/index.html – hnewbie 2014-10-19 23:52:07

Concept Verification Demo

你最有可能包括jQuery多个版本 - 一个版本为每个插件 - 这就是问题所在。您可以使用jQuery.noConflict，否则您可以执行以下操作：

<script src="jquery-for-plugin1.js"></script> 
<script> 
    $(function($) { 
     //initialize plugin 1 
    }); 
</script> 

<script src="jquery-for-plugin2.js"></script> 
<script> 
    $(function($) { 
     //initialize plugin 2 
    }); 
</script> 

<script src="jquery-for-plugin3.js"></script> 
<script> 
    $(function($) { 
     //initialize plugin 3 
    }); 
</script>

来源

2014-10-20 00:03:07 PeterKA

是的，我是。让我试试你的答案。 – hnewbie 2014-10-20 00:51:34

很酷。如果您还有其他问题，请告诉我。 – PeterKA 2014-10-20 01:14:08

运行的是包括jQuery的本身并没有去上班之前使用的jQuery的脚本。

在包含函数之前，您无法调用函数。

来源

2014-10-19 23:51:27 SLaks

这是有道理的。所以我明白你说的是正确的：我不能调用一个不存在于我的html文件中的函数，对吧？我继续尝试以下面的方式解决它：在以下html文件的底部：

<！ - Javascript - > \t < ！ - Prettyphoto - > \t \t \t \t \t <脚本类型= “文本/ JavaScript的” 字符集= “UTF-8”> \t \t $（文件）。就绪（函数（）{ \t \t \t （“a [rel^='prettyPhoto']”）。prettyPhoto（）; \t \t}）; \t \t \t

– hnewbie 2014-10-20 00:07:19

否;你只需要在任何使用它的代码之前包含jQuery。 – SLaks 2014-10-20 00:09:31

你的意思是jquery库吗？或jQuery插件？将它包含在头部或身体中？ – hnewbie 2014-10-20 00:50:31

如何在一个HTML文件中调用两个脚本

回答

相关问题