Antrium A35D

Uncaught ReferenceError: $ is not defined at

Uncaught ReferenceError: $ is not defined at hatası alıyorsanız olası sorunun çözümü aşağıdaki gibidir.

Cannot read properties of undefined (reading 'mData')

Bu hata çıldırttı beni çıldırttı;

Table stün tanımlama lazım. tam bir bela. Neyse aşağıdaki kod ile çözebilirsiniz.

Owl Carousel Numara Vermek, Owl Carousel Number Dots

Aşağıdaki Kod ile owl-carousel Numara ekleyebiliyoruz.

$(document).ready(function(){
let owl = $(".owl-carousel").owlCarousel({

OWL Carousel 2.3.4 change Youtube Video pause (iframe video pause)

HTML KODU;
 

<div class="item">
  <div class="flex-video">
    <iframe src="https://www.youtube.com/embed/G1lq40tR72Q?enablejsapi=1" width="560" allowfullscreen frameborder="0" height="315"></iframe>
  </div>
</div>

Jquery Anchor Scroll

Aşağıdaki Kod ile yapabilirsiniz;

Jquery ile Mümkün !

Scroll barı Anchor  pozisyonuna götürebilirsiniz.

codemirror.js Html Online Editor

Çok Kullanışlı Html Online Editor. İşinizi çok kolaylaştıracak !

Öncelikle Ektedki dosyayı indiriyoruz.

Eklenecek CSS ve JS Dosyalarımız;

boostrap 5 accordion scroll to top of active, bootstrap 5 accordion tıklanınca ekrana sabitleme

bootstrap 5 accordion tıklanınca ekrana sabitleme yapmak için aşağıdaki kodu kullanıyoruz.

 $('.collapse').on('shown.bs.collapse', function (e) {
                var $card = $(this).closest('.accordion-item');
                var $open = $($(this).data('parent')).find('.collapse.show');

                var additionalOffset = 0;
                if ($card.prevAll().filter($open.closest('.accordion-item')).length !== 0) {
                    additionalOffset = $open.height();
                }
                $('html,body').animate({
                    scrollTop: $card.offset().top - additionalOffset
                }, 500);
            });