如何在一個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文件中調用兩個腳本

回答

相關問題