jQuery.fancybox не определен;не может получить доступ к свойству "jumpto" - PullRequest
0 голосов
/ 07 декабря 2018

Я продолжаю получать сообщение об ошибке «TypeError: jQuery.fancybox не определено; я не могу получить доступ к его ошибке« свойства jumpto »» всякий раз, когда я нажимаю на миниатюру с помощью плагина fQboxbox jQuery ».Я пытался решить конфликты jQuery.Я также сделал основной тест, чтобы убедиться, что «Fancybox» присутствует.Согласно этому тесту, это так.Я не могу понять, что происходит.

Вот мой код:

<a class="fancybox" href="http://farm6.staticflickr.com/5444/17679973232_568353a624_b.jpg"><img src="http://farm6.staticflickr.com/5444/17679973232_568353a624_m.jpg" alt=""/></a>

<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/fancybox/2.1.5/jquery.fancybox.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/fancybox/2.1.5/jquery.fancybox.min.css" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/fancybox/2.1.5/helpers/jquery.fancybox-buttons.css" />
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/fancybox/2.1.5/helpers/jquery.fancybox-buttons.js"></script>

<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/fancybox/2.1.5/helpers/jquery.fancybox-media.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/fancybox/2.1.5/helpers/jquery.fancybox-thumbs.css" />
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/fancybox/2.1.5/helpers/jquery.fancybox-thumbs.js"></script>

<script type="text/javascript">
var jq = $.noConflict();
jq(document).ready(function() {
jq(".fancybox").click(function() {

   if(jq.fancybox) {
    alert("yes");
    } else {
    alert("no");
    }

   jq.fancybox.open([
        {
            href : 'http://farm6.staticflickr.com/5444/17679973232_568353a624_b.jpg',
            title : '1st title'
        },
        {
            href : 'http://farm6.staticflickr.com/5444/17679973232_568353a624_b.jpg',
            title : '2nd title'
        },
        {
            href : 'http://farm6.staticflickr.com/5444/17679973232_568353a624_b.jpg',
            title : '3rd title'
        }
    ], {
        nextEffect : 'none',
        prevEffect : 'none',
        padding    : 0,
        helpers    : {
            title : {
                type: 'over'  
            },
            thumbs : {
                width  : 75,
                height : 50,
                source : function( item ) {
                    return item.href.replace('_b.jpg', '_s.jpg');
                }
            }
        }
    });

    return false;
  });
});
</script>
...