Конфликт плагина jQuery - PullRequest
Новая
       16

Конфликт плагина jQuery

1 голос
/ 22 июля 2011

Итак, сегодня у меня есть еще один вопрос: как я мог сломаться MASONRY JQUERY И FANCYBOX (LIGHTBOX) ?

Мне действительно это нужно.Я потерял несколько часов, пытаясь решить это самостоятельно, но я действительно не могу.: /

Это мой сценарий, в котором я вызываю fancybox and masonry: 

<script type="text/javascript">
        $(function(){
            var $container = $("#galeria");
            $container.imagesLoaded(function(){
                $container.masonry({
                itemSelector : 'li',
                columnWidth : 200
                });
            });
        });
       $(document).ready(function() {
            $("#pre-enviar-imagem").fancybox({
                'padding'       : 0,
                'centerOnScroll' : true
            });

            $("a#pictures").fancybox({
                    'transitionIn' : 'none',
                    'transitionOut' : 'none',
                    'changeSpeed' : 0,
                    'changeFade' :    0,
                    'padding'       : 0,
                    'titlePosition' : 'over',
                    'onComplete'    :   function() {
                            $("#galeria-wrap").hover(function() {
                                    $("#galeria-title").show();
                            }, function() {
                                    $("#galeria-title").hide();
                            });
                    }
            });
          });
   </script>

Короче говоря, моя проблема заключается в перекрытии, но, как вы можете видеть, я ужеиспользование плагина imagesLoaded и многое другое.Я уже пытался установить ширину / высоту всех изображений, но это все равно не работает.

Спасибо.

Мне нужно нажать на прокрутку мыши, чтобы работать.Идеи?

1 Ответ

0 голосов
/ 23 марта 2014

Я переписал твой код: 

<script type="text/javascript">
    $.noConflict();
    $(function(){
        var $container = $("#galeria");
        $container.imagesLoaded(function(){
            $container.masonry({
            itemSelector : 'li',
            columnWidth : 200
            });
        });
    });
   jQuery(document).ready(function($) {
        $("#pre-enviar-imagem").fancybox({
            'padding'       : 0,
            'centerOnScroll' : true
        });

        $("a#pictures").fancybox({
                'transitionIn' : 'none',
                'transitionOut' : 'none',
                'changeSpeed' : 0,
                'changeFade' :    0,
                'padding'       : 0,
                'titlePosition' : 'over',
                'onComplete'    :   function() {
                        $("#galeria-wrap").hover(function() {
                                $("#galeria-title").show();
                        }, function() {
                                $("#galeria-title").hide();
                        });
                }
        });
      });
</script>

Надеюсь, что это работает на вас.

...