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

Question

Witajcie,

staram zaimplementować bibliotekę TouchSpin do bootsrapa. Z dema biblioteki z githuba skopiowałem sobie tagi <script> ładujące wszystko do mojego projektu, ale niestety cały czas w konsoli dostaję komunikat: Uncaught TypeError: $(...).TouchSpin is not a function at zarobki.php:188.

Na demie touchspin'a ukazane jest jedynie by dodać odpowiednio:

<script>
   $("input[name='amount']").TouchSpin();
</script>

w miejscu, w którym chcemy utworzyć nasz TouchSpin input. Mój input w html wygląda następująco:

<input id="amount" type="text" value="0" name="amount" data-bts-min="0" data-bts-max="99999999" data-bts-init-val="" data-bts-step="1" data-bts-decimal="0" data-bts-step-interval="100" data-bts-force-step-divisibility="round" data-bts-step-interval-delay="500" data-bts-prefix="" data-bts-postfix="" data-bts-prefix-extra-class="" data-bts-postfix-extra-class="" data-bts-booster="true" data-bts-boostat="10" data-bts-max-boosted-step="false" data-bts-mousewheel="true" data-bts-button-down-class="btn btn-secondary" data-bts-button-up-class="btn btn-secondary" />

Do pliku zarobki.php ładuję:

    <script src="https://getbootstrap.com/docs/4.4/dist/js/bootstrap.bundle.min.js" integrity="sha384-6khuMg9gaYr5AxOqhkVIODVIvm9ynTT5J4V1cfthmT+emCG6yVmEZsRHdxlotUnm" crossorigin="anonymous"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/feather-icons/4.9.0/feather.min.js"></script>
    <script src="https://canvasjs.com/assets/script/canvasjs.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>

    <script src="https://kit.fontawesome.com/7f9896023e.js" crossorigin="anonymous"></script>

    <script src="js/touchspin/jquery.bootstrap-touchspin.js"></script>
    <script src="https://code.jquery.com/jquery-latest.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/numeral.js/1.5.5/numeral.min.js"></script>

Strona z demem TouchSpin: https://www.virtuosoft.eu/code/bootstrap-touchspin/

Nie mam już pomysłu co mogłem zepsuć 

Answer 1

Tak na oko...

- załączasz jquery 1.11 (super stare btw)

- potem załączasz jquery.bootstrap-touchspin.js

- a potem... znowu załączasz jquery 1.11

To pewnie dlatego :)

Comments

Tak, masz rację to było problemem.

Wielkie dzięki za pomoc!