Lightbox v2 конфликтует с другими JS - PullRequest
Новая
       4

Lightbox v2 конфликтует с другими JS

0 голосов
/ 17 мая 2011

Я создал сайт для портфолио друзей, есть javascript, используемый для управления навигацией, некоторый jQuery, используемый в рабочем разделе, который переключается между 2 div, чтобы показать отдельные категории, а затем просмотрщик Lightbox v2, который должен показать работа, которую он сделал.

Однако я уже использовал лайтбокс, но не могу заставить его работать на этом веб-сайте. Может ли это быть конфликт между другой загрузкой javascript и jQuery при загрузке страницы?

Если бы кто-нибудь мог взглянуть на сайт и сообщить мне, что, по его мнению, был бы очень благодарен.

В моей голове есть это для лайтбокса (и других сценариев) 

 <link href="style.css" rel="stylesheet" type="text/css" />
 <script  type="text/javascript" src="../js/prototype.js"></script>
 <script  type="text/javascript" src="../js/scriptaculous.js?load=effects,builder"></script>
 <script  type="text/javascript" src="../js/lightbox.js"></script>
 <link rel="stylesheet" href="../css/lightbox.css"  type="text/css" media="screen" />
 <script type="text/javascript" src="floating-1.5.js"></script>
 <script type="text/javascript">  
 floatingMenu.add('floatdiv',  
    {   targetTop: 0,  
        // targetBottom: 0,    
        prohibitXMovement: true,});  
 </script> 
 <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
 <script type="text/javascript">
 function showonlyone(thechosenone) {
 $('div[name|="newboxes"]').each(function(index) {
      if ($(this).attr("id") == thechosenone) {
           $(this).show(200);
      }
      else {
           $(this).hide(600);
      }
 });
 }
 </script>

И мое тело для лайтбокса: 

 <div class="work_splash"><a href="images/gallery/graphics/1b.jpg" rel="lightbox[graphics]" title="Graphic Design Gallery"><img src="images/gallery/graphics/1t.jpg" height=156px /></a></div>

URL-адрес http://www.jrk -design.co.uk / barwise / index.html

Спасибо

Jon

Ответы [ 3 ]

2 голосов
/ 17 мая 2011

Попробуйте изменить порядок вызовов .js в голове или измените код сценария для сценария jQuery, такого как Pirobox

1 голос
/ 25 января 2015

Я создал адаптивный лайтбокс только в javascript, который не нуждается в jQuery. Если вы используете jQuery только из-за плагина лайтбокса, это может помочь: http://jslightbox.felixhagspiel.de/

0 голосов
/ 17 мая 2011

И Prototype, и JQuery определяют $. Либо избавьтесь от одной из библиотек, либо включите jquery перед Prototype, как предлагает Джонти Джон, либо используйте jquery в режиме без конфликтов .

...