it_proger29
@it_proger29
Битрикс

Ошибка в Jquery, не видит функцию, в чем ошибка?

Здравствуйте, есть ошибка
jquery.min.js:2 Uncaught TypeError: $(...).grtyoutube is not a function
    at HTMLDocument.<anonymous> ((index):185)
    at e (jquery.min.js:2)
    at t (jquery.min.js:2)


Код
// PopUp видео

$(document).ready(function() {
    $(".youtube-link").grtyoutube({
              autoPlay:true
          });
  });


  (function ( $ ) {

$.fn.grtyoutube = function( options ) {

    return this.each(function() {

        // Get video ID
        var getvideoid = $(this).attr("youtubeid");

        // Default options
        var settings = $.extend({
            videoID: getvideoid,
            autoPlay: true
        }, options );

        // Convert some values
        if(settings.autoPlay === true) { settings.autoPlay = 1 } else { settings.autoPlay = 0 }

        // Initialize on click
        if(getvideoid) {
            $(this).on( "click", function() {
                 $("body").append('<div class="grtvideo-popup">'+
                            '<div class="grtvideo-popup-content">'+
                                '<span class="grtvideo-popup-close">&times;</span>'+
                                '<iframe class="grtyoutube-iframe" src="https://www.youtube.com/embed/'+settings.videoID+'?rel=0&wmode=transparent&autoplay='+settings.autoPlay+'&iv_load_policy=3" allowfullscreen frameborder="0"></iframe>'+
                            '</div>'+
                        '</div>');
            });
        }

        // Close the box on click or escape
        $(this).on('click', function (event) {
            event.preventDefault();
            $(".grtvideo-popup-close, .grtvideo-popup").click(function(){
                $(".grtvideo-popup").remove();
            });
        });

        $(document).keyup(function(event) {
            if (event.keyCode == 27){
                $(".grtvideo-popup").remove();
            }
        });
    });
};

}( jQuery ));


<div class="index_page_video_content_item youtube-link wow_fadeIn" data-wow-delay=".1s" youtubeid="LRkDnSQSFXU">
                            <div  style="background-image: url('')">
                            2452345
                            </div>
                        </div>


В верстке все работает, а на сервере нет(
  • Вопрос задан
  • 200 просмотров
Пригласить эксперта
Ответы на вопрос 1
@SolomonVR
Друг мой, ты забыл подключить сам плагин, его можно скачать тут https://grt107.github.io/grt-youtube-popup/
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы