Как включить несколько файлов JS с лайтбоксом v2? - PullRequest
Новая
       23

Как включить несколько файлов JS с лайтбоксом v2?

0 голосов
/ 31 марта 2012

Когда я включаю js для лайтбокса, он запрещает запуск других моих js;что означает, что мои jquery nav и эффекты слайда вниз для

div перестают работать.Я правильно включил файлы?Я попытался endconflict () в верхней части моего сценария, но это не сработало.Любая помощь очень ценится.Thx 

<link rel="stylesheet" type="text/css" href="jquery-lightbox-0.5/css/jquery.lightbox-0.5.css" media="screen" /> <link rel="stylesheet" href="css/bootstrap.css" type="text/css">
<link rel="stylesheet" href="css/bootstrap-responsive.css" type="text/css">
<link rel="stylesheet" href="css/style.css" type="text/css"> 
***<link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" />***         
<script type="text/javascript" src="js/jquery.js"></script>
<script src="javascript/jquery-1.7.1.min.js"></script>
<script src="javascript/bootstrap.js"></script>
***<script type="text/javascript" src="../lightbox2.05/js/prototype.js"></script>
<script type="text/javascript" src="../lightbox2.05/js/scriptaculous.js"></script>
<script type="text/javascript" src="../lightbox2.05/js/lightbox.js"></script>***
<script>

<a href="images/Screen Shot 2012-02-27 at 9.51.49 PM.png" rel="lightbox">
<img src="../../images/Screen Shot 2012-02-27 at 9.56.49 PM.png" height="180" width="460" alt="">               
</a>

1 Ответ

0 голосов
/ 25 апреля 2012

Проблема в том, что lighbox использует кусочки Scriptaculous и Prototype, которые являются другими библиотеками javascript, такими как jQuery.Они не очень хорошо играют друг с другом, поэтому вы должны указать jQuery избегать их.

Вместо стандартной настройки готовности документа, в которую вы обычно помещаете свой код jQuery: 

$(document).ready(function() {
  // Stuff to do as soon as the DOM is ready;
});

Вместо этого вы закроете свой код jQuery следующим образом: 

jQuery(document).ready(function($){
  // Stuff to do as soon as the DOM is ready;
});

Подробнее об обработке конфликтов библиотек javascript можно прочитать здесь: http://docs.jquery.com/Using_jQuery_with_Other_Libraries

...