0
votes

Comment obtenir des bibliothèques de jQuery ne pas entrer en conflit les uns avec les autres

J'essaie de créer un menu déroulant pour un sélecteur de date et d'heure dans un formulaire à plusieurs étapes. Le problème ici est que les bibliothèques de jQuery se contradissent (spécifiquement entre le formulaire> code> et le corort> code>), où le formulaire à plusieurs étapes fonctionne lorsque Les bibliothèques de sélecteur de date et d'heure sont désactivées et inversement. J'ai regardé en ligne mais rien ne semble résoudre le problème.

p>



<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  <meta name="description" content="">
  <meta name="author" content="">

  <link href="vendor/fontawesome-free/css/all.min.css" rel="stylesheet" type="text/css">

  <link href="https://fonts.googleapis.com/css?family=Nunito:200,200i,300,300i,400,400i,600,600i,700,700i,800,800i,900,900i" rel="stylesheet">

  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
  <!-- jQuery -->

  <!-- Custom styles for this template-->
  <link href="coupons_Example.css" rel="stylesheet">

  <title>Title of the document</title>
</head>

<body>
  <!-- jQuery -->

  <!-- multistep form -->

  <!-- multistep form -->
  <form id="msform">
    <!-- progressbar -->
    <ul id="progressbar">
      <li class="active">Discount Setup</li>
      <li>Type of Discount</li>
      <li>Discount Time Period</li>
    </ul>
    <!-- fieldsets -->
    <fieldset>
      <h2 class="fs-title">Create Discount</h2>
      <h3 class="fs-subtitle">Step 1</h3>
      <input type="text" name="email" placeholder="Name of Discount" />

      <input type="button" name="next" class="next action-button" value="Next" />
    </fieldset>
    <fieldset>
      <h2 class="fs-title">Type of Discount</h2>
      <h3 class="fs-subtitle">Step 2</h3>

      <!-- Picking the date and time -->
      <input type="text" name="datetimes" />

      <input type="button" name="previous" class="previous action-button" value="Previous" />
      <input type="button" name="next" class="next action-button" value="Next" />
    </fieldset>
    <fieldset>
      <h2 class="fs-title">Discount Time Period</h2>
      <h3 class="fs-subtitle">Step 3</h3>
      <input type="text" name="discountstart" placeholder="Discount Start Period" />
      <input type="text" name="discountend" placeholder="Discount End Period" />
      <input type="text" name="speekeasy" placeholder="Speekeasy" />
      <input type="button" name="previous" class="previous action-button" value="Previous" />
      <input type="submit" name="submit" class="submit action-button" value="Submit" />
    </fieldset>

  </form>

  <script type="text/javascript" src="https://cdn.jsdelivr.net/jquery/latest/jquery.min.js"></script>
  <script type="text/javascript" src="https://cdn.jsdelivr.net/momentjs/latest/moment.min.js"></script>
  <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/daterangepicker/daterangepicker.min.js"></script>
  <link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/daterangepicker/daterangepicker.css" />

  <script src="app.js"></script>

  <script src="http://thecodeplayer.com/uploads/js/jquery-1.9.1.min.js" type="text/javascript"></script>
  <!-- jQuery easing plugin -->
  <script src="http://thecodeplayer.com/uploads/js/jquery.easing.min.js" type="text/javascript"></script>

</body>

</html>

javascript jquery html datepicker

2 commentaires

Y a-t-il une raison pour laquelle vous avez besoin de JQuery 1.9.1 et 3.4.1? Pouvez-vous simplement partir un?

C'était un code voyou et qui a réellement résolu-mer-merci. Je cherchais un moment et j'ai oublié de le supprimer.

3 Réponses :

1
votes

Pourquoi ne trouvez-vous pas le même module qui nécessite la même version de JQuery Major?

J'ai fait une recherche alors qu'elle peut être réalisée en séparant la portée, ne l'a pas fait
Vous voudrez peut-être vérifier par vous-même dans ce lien https: // www. TutorialSpoint.com/how-to-Utiliser-multiples-vertions-Of-jQuery-on-the-Same-page

0 commentaires

3
votes

S'il vous plaît essayer ci-dessous lien https://api.jquerer.com/jquery.noconflic/

ou pour utiliser plusieurs versions pour jQuery dans la même page, incluez JQuery Migrate:

https://code.jquery.com/jquery-migrate -1.4.1.min.js

Mais Meilleur conseil N'utilisez pas de multiples bibliothèque JQuery

0 commentaires

1
votes

N'utilisez pas plusieurs bibliothèques de base JQuery. Utilisez 3,4 ou 1,9 Afin de passer à la date, etc. travailler, vous devez mettre à jour (rappel) que JS après Ajax Call.

0 commentaires