Как использовать несколько сценариев из разных источников на одной странице?

Question

Добрый вечер,

У меня возникли проблемы в отношении сценариев, я не мог управлять, чтобы получить два сценария работы в то же время, на моей странице у меня есть 2 скрипта каждый ссылается на другой файл Jquery , проблема в том, что когда я запускаю страницу, один из них будет работать, если я перестрою место сценариев (один над другим), второй будет работать.

Я буду признателен, если кто-то может помочь мне с этой проблемой ...

вот мои скрипты:

<link rel="stylesheet" type="text/css" href="jquery_imgzoom/css/imgzoom.css" /> 
<link rel="stylesheet" type="text/css" href="orbit/orbit.css" /> 

<script src="orbit/jquery.min.js" type="text/javascript"></script> 
<script src="orbit/jquery.orbit.min.js" type="text/javascript"></script> 
<script type="text/javascript" > 
$(window).load(function() { 
    $('#featured').orbit(); 
}); 
</script> 

<script type="text/javascript" src="jquery_imgzoom/scripts/jquery.min.js"></script> 
<script type="text/javascript" src="jquery_imgzoom/scripts/jquery.imgzoom.pack.js"></script> 
<script type="text/javascript"> 
$(document).ready(function() { 
$('img.thumbnail').imgZoom(); 

});

и разметка:

<div id="featured"> 
      <img src="orbit/img1.jpg" alt="..." /> 
      <img src="orbit/img2.jpg" alt="..." /> 
</div> 


     <a href="jquery_imgzoom/scripts/pic1_thum.jpg"><img class="thumbnail" src="jquery_imgzoom/scripts/pic1.jpg" alt="Picture1r" /></a> 
     <a href="jquery_imgzoom/scripts/pic2_thumb.jpg"><img class="thumbnail" src="jquery_imgzoom/scripts/pic2.jpg" alt="Picture2" /></a> 

Я попытался встроить SRCS в одном сценарии и переместить две функции, что тег сценария, но ничего не кажется, хорошо !!!

Answer 1

Вам не нужно импортировать Jquery несколько раз, просто импортировать, что когда-то, и это тоже, прежде чем импортировать любой другой сценарий

<script src="orbit/jquery.min.js" type="text/javascript"></script> 
<script src="orbit/jquery.orbit.min.js" type="text/javascript"></script> 
<script type="text/javascript" > 
$(window).load(function() { 
    $('#featured').orbit(); 
}); 
</script> 

<script type="text/javascript" src="jquery_imgzoom/scripts/jquery.imgzoom.pack.js"></script>