Po dodaniu kolejnego skryptu poprzedni nie działa

Question

Hej, wiem , że pytanie bardziej z tych głupszych i banalnych.

Po dodaniu kolejnej biblioteki i kolejnego skryptu , ta poprzednia nie działa tj. kalendarz.

 <script src="https://code.jquery.com/jquery-1.12.4.js"></script>
  <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
  <script>
  $( function() {
    $( "#datepicker" ).datepicker();
  } );
  </script>
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>
  <script>
  $(document).ready(function(){

 $('#but_add').click(function(){
  var newel = $('.cargo-form:last').clone();
   $(newel).insertAfter(".cargo-form:last");
 });
   $('.txt').focus(function(){
  $(this).css('border-color','red');
 });
 
 $('.txt').focusout(function(){
  $(this).css('border-color','initial');
 });

});
 </script>

 

Comments

Daj więcej kodu, z jednego skryptu nic nie wynika. Pokaż gdzie to masz podpięte, jak działał pierwszy skrypt, gdzie dodałeś drugi.

Answer 1

Załączasz dwa razy jQuery – raz starą wersję, a raz nowszą. Tym samym nadpisujesz sobie jQuery już po tym, jak załadowałeś jQuery UI.

Na Twoim miejscu spróbowałbym na początku dołączyć jQuery w wersji 3 i sprawdził, czy wszystko działa. Jak nie, to spróbował ze starą wersją jQuery. Dodatkowo jQuery UI de facto od lat nie jest rozwijane i nie wiem, czy nie lepiej byłoby poszukać jakiegoś innego datepickera.