Giriş yapmadınız.

#1 03.01.2019 11:50:13

dodiş
Üye
Yer: Mersin
Kayıtlı: 30.10.2017
Mesajlar: 15

Uncaught TypeError: $(...) is not a function

Merhaba,
Laravel ile Vue JS kullanmayı yeni öğreniyorum. Temayı oturtmaya çalışırken custom.js dosyası içindeki bazı fonksiyonları görmüyor.
Örneğin;

Uncaught TypeError: $(...).stick_in_parent is not a function

Sıralama şu şekilde;
Head içerisinde;

<!-- Scripts -->
    <script src="{{ asset('js/app.js') }}" defer></script>
    <!-- Bootstrap Core CSS -->
    <link href="{{ asset('assets/plugins/bootstrap/css/bootstrap.min.css') }}" rel="stylesheet">
    <!-- Custom CSS -->
    <link href="{{ asset('assets/css/style.css') }}" rel="stylesheet">
    <!-- You can change the theme colors from here -->
    <link href="{{ asset('assets/css/colors/blue.css') }}" id="theme" rel="stylesheet">
    <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
    <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
    <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>

Footer içerisinde;

<!-- ============================================================== -->
<!-- All Jquery -->
<!-- ============================================================== -->
<script src="{{ asset('assets/plugins/jquery/jquery.min.js') }}"></script>
<!-- Bootstrap tether Core JavaScript -->
<script src="{{ asset('assets/plugins/bootstrap/js/popper.min.js') }}"></script>
<script src="{{ asset('assets/plugins/bootstrap/js/bootstrap.min.js') }}"></script>
<!-- Slimscrollbar scrollbar JavaScript -->
<script src="{{ asset('assets/js/jquery.slimscroll.js') }}"></script>
<!--Wave Effects -->
<script src="{{ asset('assets/js/waves.js') }}"></script>
<!--Menu sidebar -->
<script src="{{ asset('assets/js/sidebarmenu.js') }}"></script>
<!--Stickey kit -->
<script src="{{ asset('assets/plugins/sticky-kit-master/dist/sticky-kit.min.js') }}"></script>
<!--Custom JavaScript -->
<script src="{{ asset('assets/js/custom.min.js') }}"></script>
<!-- ============================================================== -->
<!-- Style switcher -->
<!-- ============================================================== -->
<script src="{{ asset('assets/plugins/styleswitcher/jQuery.style.switcher.js') }}"></script>

Çevrimdışı

#2 03.01.2019 11:55:41

sineld
Yönetici
Yer: Bursa
Kayıtlı: 26.12.2012
Mesajlar: 1,439
Website

Yanıt: Uncaught TypeError: $(...) is not a function

Temanın JS sıralasının aynısını yapmaya çalışın.

<script src="{{ asset('js/app.js') }}" defer></script>

ve

<script src="{{ asset('assets/js/custom.min.js') }}"></script>

genelde en sonda olur.

Çevrimdışı

#3 03.01.2019 12:01:31

dodiş
Üye
Yer: Mersin
Kayıtlı: 30.10.2017
Mesajlar: 15

Yanıt: Uncaught TypeError: $(...) is not a function

Tema html sıralamasının aynısı

<script src="{{ asset('js/app.js') }}" defer></script>

bunu kaldırınca hiç bir sorun kalmıyor hocam. Hata nerede çözemiyorum.

Çevrimdışı

#4 03.01.2019 13:08:34

sineld
Yönetici
Yer: Bursa
Kayıtlı: 26.12.2012
Mesajlar: 1,439
Website

Yanıt: Uncaught TypeError: $(...) is not a function

Burada aynı hatadan söz edilmiş: https://github.com/leafo/sticky-kit/issues/188

stickykit.min.js dosyasını da çektiğinizden emin olun. Eğer çekilmiş ise çekilen versiyonun jquery sürümü olduğundan emin olun.

Çevrimdışı

Forum alt kısmı