Discussion :

[Wily000]

Bonjour,

Je travaille actuellement sur un projet Symfony.

J'ai intégré Jquery, matérialize ainsi que mes scripts dans le footer de mes pages de cette manière:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
/body>
        {% block javascripts %}
          <script src="https://code.jquery.com/jquery-2.1.1.min.js"></script>
          <script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/js/materialize.min.js"></script>   
          <script type="text/javascript" src="{{ asset("build/js/monscript.js") }}" ></script>
          <script type="text/javascript" src="{{ asset("build/js/produit.js") }}" ></script>
        {% endblock %}
</html>

j’essaie d'initialiser le composant "modal" dans le script "monscript.js" :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

$('.modal').modal();

Lorsque je charge ma page, une erreur s'affiche:

alors que tous les scripts ont bien étaient chargés :


Help me please.. je ne sais pas du tout d'où vient le problème..

merci par avance pour vos retours

[Toufik83]

Salut,
tu mets bien ton code dans un $(document).ready() ?

Code jQuery :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
 
$(document).ready(function(){
     $(".modal").modal();
});

[Wily000]

Bonjour,

Oui, j’exécute cette méthode au départ.

j'ai l'impression que le problème provient de Jquery mais j'arrive à l'utiliser en dehors de bootstrap ou materialize

[SpaceFrog]

donc pour toi "au départ" veut dire "dans un ready " ?

.modal() est une methode de bootstrap je ne vois pas où tu charges bootstrap

[flavienb]

Tu dois effectivement inclure bootstrap.js

https://getbootstrap.com/docs/4.3/ge...rted/download/

[Toufik83]

d'après la documentation, materialize.js contient sa propre fonction modal().
ça fonctionne sans bootstrap, voilà un exemple.