Jquery Ekleme

Merhaba;

https://tympanus.net/codrops/2014/04/23/page-loading-effects/ 

Buradaki efekti drupal 8 siteme ekledikten sonra sitemin önbelleğini temizleyip sayfayı yenileyince sayfa komple beyaz vaziyette şu hata mesajıyla karşılaşıyorum.

Websitesi beklenmedik bir hata ile karşılaştı. Lütfen daha sonra tekrar deneyiniz.

Bu efekti eklemek için izlediğim yollar şu şekilde oldu. Drupal da jquery çalıştırmak neden bu kadar sıkıntı anlamıyorum.

1- Bootstrap temam da ana dizine js adında bir klasör açtım.
2- temam.libraries.yml içinde aşağıdaki gibi bir tanımlama yaptım.

     global-pagebg:
  js:
    js/classie.js: {}
    js/snap.svg-min.js: {}
    js/svgLoader.js: {}
    js/pagebg.js: {} 
  dependencies:
    - core/jquery
    - core/drupal
    - core/drupalSettings

3- Sonra temam.info.yml dosyamda da aşağıdaki düzenlemeyi yaptım.

libraries:
  - agora/global-styling    
  - agora/global-scripts
  - agora/global-pagebg
  

4- Artık pagebg.js dosyamı oluşturabileceğimden onuda şu şekilde düzenleyip js klasörüme attım. 

$.noConflict();

(function ($) { 

 
                
                var pageWrap = document.getElementById( 'pagewrap' ),
                    pages = [].slice.call( pageWrap.querySelectorAll( 'div.container' ) ),
                    currentPage = 0,
                    triggerLoading = [].slice.call( pageWrap.querySelectorAll( 'a.pageload-link' ) ),
                    loader = new SVGLoader( document.getElementById( 'loader' ), { speedIn : 100 } );

                function init() {
                    triggerLoading.forEach( function( trigger ) {
                        trigger.addEventListener( 'click', function( ev ) {
                            ev.preventDefault();
                            loader.show();
                            // after some time hide loader
                            setTimeout( function() {
                                loader.hide();

                                classie.removeClass( pages[ currentPage ], 'show' );
                                // update..
                                currentPage = currentPage ? 0 : 1;
                                classie.addClass( pages[ currentPage ], 'show' );

                            }, 2000 );
                        } );
                    } );    
                }

                init();
         

}
};
})(jQuery);

Temel Bilgiler
Destek Kategorisi
Drupal Sürümleri:
Tema:
Gönderi Bilgileri
Enes 17.03.2017 - 18:28

Mevcut sorunu çözdüm. Şuan aciliyeti olan bir iş üzerinde çalıştığımdan dolayı detayını açıklayamıcam ama jquery dosyamda bir { işaretini atmadığımdan dolayı aktifleşme sağlanmıyor muş.

 

Yakın zamanda konu ile alakalı bir makale de yazacağım.

Gönderi Bilgileri
Enes 17.03.2017 - 18:51