[RESOLU] problème de mise à jour jquery

Mammouth du PHP | 558 Messages

11 juil. 2023, 20:46

Bonjour je vient de mettre à jour la librairie jquery je suis passer de la version:
jquery 2.1.3 à la version jquery 3.7.0
et la partie dont le code est ci dessous ne fonctionne plus avec la nouvelle version.
Je n'arrive pas à comprendre ce qui a changer.
merci pour votre aide.
les erreurs javascript
jquery-min_1689102778.js:7055 Uncaught TypeError: jQuery.easing[this.easing] is not a function
at init.run (jquery-min_1689102778.js:7055:51)
at tick (jquery-min_1689102778.js:7439:31)
at jQuery.fx.tick (jquery-min_1689102778.js:7782:9)
at schedule (jquery-min_1689102778.js:7158:13)
at jQuery.fx.start (jquery-min_1689102778.js:7805:2)
at jQuery.fx.timer (jquery-min_1689102778.js:7795:12)
at Animation (jquery-min_1689102778.js:7528:12)
at HTMLLIElement.doAnimation (jquery-min_1689102778.js:7638:16)
at Function.dequeue (jquery-min_1689102778.js:4334:7)
at next (jquery-min_1689102778.js:4315:12)
le code javascript:

Code : Tout sélectionner

<script type="text/javascript"> redimentionner(); window.addEventListener('onload', redimentionner); window.addEventListener('resize', redimentionner); function redimentionner(){ var dimentionne1=document.getElementById('redimention0').scrollHeight; var dimentionne=dimentionne1+'px';document.getElementById('texte0').style.height=dimentionne; } var num=0; var dimentionner1=''; var dimentionner=''; $(function(){ $('#texte'+num).delay(5000).hide('scale',500,function(){ $('#image'+num).hide('slide',{direction:'right'},500,function(){ num=num+1;if(num><?php echo $nb_photo; ?>){ num=1} $('#image'+num).show('slide',{direction:'right'},500,function(){ $('#texte'+num).show('puff',500);});});}); setInterval(function(){$('#texte'+num).delay(4000).hide('scale',500,function(){ $('#image'+num).hide('slide',{direction:'right'},500,function(){ num=num+1; if(num><?php echo $nb_photo; ?>){ num=1} $('#image'+num).show('slide',{direction:'right'},500,function(){ var dimentionner1=document.getElementById('redimention'+num).scrollHeight; var dimentionner=dimentionner1+'px'; document.getElementById('texte'+num).style.height=dimentionner; $('#texte'+num).show('puff',500);});});}); var dimentionner1=document.getElementById('redimention'+num).scrollHeight; var dimentionner=dimentionner1+'px'; document.getElementById('texte'+num).style.height=dimentionner;},10000);}); </script>
le code html:

Code : Tout sélectionner

<div id="acceuil1" class="acceuil"> <ul id="image" class="image"> <li id="image0" class="texteredim image_0 image1 image"> <a href="boutique-en-ligne/danse-orientale/costume-de-danse-orientale-economique/costume-de-danse-orientale-jupe-rouge.html"> <script type="text/javascript"> <!-- var url_image='photo/danse-orientale/costume-de-danse-orientale-economique/costume-danse-orientale-rouge.jpg';if(screen.width<321){url_image=url_image.replace('.jpg','-min.jpg');}else if(screen.width<641){url_image=url_image.replace('.jpg','-petit.jpg');}document.write('<img id="redimention0" class="photo_redim" src="'+url_image+'" alt="costume de danse orientale jupe rouge" title="costume de danse orientale jupe rouge" width="auto" height="100%"/>') //--> </script> </a> </li> <li id="texte0" class="texte_0 texte" > <h2> <a href="boutique-en-ligne/danse-orientale/costume-de-danse-orientale-economique/costume-de-danse-orientale-jupe-rouge.html"> costume de danse orientale jupe rouge</a> </h2> Ref. cost111<br/> Prix : <span class="prix">19.99</span> &euro; </li> <li id="image1" class="texteredim image_1 image1 image" style="display:none;"> <a href="boutique-en-ligne/danse-orientale/foulard-a-sequins/foulard-a-sequin-pierre-incruster-rouge.html"> <script type="text/javascript"> <!-- var url_image='photo/danse-orientale/foulard-a-sequins/foulard-a-sequin-pierre-incruste-rouge.jpg';if(screen.width<321){url_image=url_image.replace('.jpg','-min.jpg');}else if(screen.width<641){url_image=url_image.replace('.jpg','-petit.jpg');}document.write('<img id="redimention1" class="photo_redim" src="'+url_image+'" alt="foulard &agrave; sequin pierre incruster rouge" title="foulard &agrave; sequin pierre incruster rouge" width="auto" height="100%"/>') //--> </script> </a> </li> <li id="texte1" class="texte_1 texte" style="display:none;"> <h2> <a href="boutique-en-ligne/danse-orientale/foulard-a-sequins/foulard-a-sequin-pierre-incruster-rouge.html">foulard &agrave; sequin pierre incruster rouge</a> </h2>Ref. foul239<br/>Prix : <span class="prix">9.99</span> &euro;</li> <li id="image2" class="texteredim image_2 image1 image" style="display:none;"> <a href="boutique-en-ligne/bijou/collier/chaine-bleue.html"> <script type="text/javascript"> <!-- var url_image='photo/bijou/collier/chaine-bleue.jpg';if(screen.width<321){url_image=url_image.replace('.jpg','-min.jpg');}else if(screen.width<641){url_image=url_image.replace('.jpg','-petit.jpg');}document.write('<img id="redimention2" class="photo_redim" src="'+url_image+'" alt="cha&icirc;ne bleue" title="cha&icirc;ne bleue" width="auto" height="100%"/>') //--> </script> </a> </li> <li id="texte2" class="texte_2 texte" style="display:none;"> <h2> <a href="boutique-en-ligne/bijou/collier/chaine-bleue.html">cha&icirc;ne bleue</a> </h2>Ref. cha&26<br/>Prix : <span class="prix">3.99</span> &euro;</li> <li id="image3" class="texteredim image_3 image1 image" style="display:none;"> <a href="boutique-en-ligne/danse-orientale/ensemble-ceinture-soutien-gorge-de-danse-orientale/ensemble-soutien-gorge-danse-orientale-rouge-et-or.html"> <script type="text/javascript"> <!-- var url_image='photo/danse-orientale/ensemble-ceinture-soutien-gorge-de-danse-orientale/ceinture-soutien-gorge-danse-orientale-rouge-or.jpg';if(screen.width<321){url_image=url_image.replace('.jpg','-min.jpg');}else if(screen.width<641){url_image=url_image.replace('.jpg','-petit.jpg');}document.write('<img id="redimention3" class="photo_redim" src="'+url_image+'" alt="ensemble soutien-gorge danse orientale rouge et or" title="ensemble soutien-gorge danse orientale rouge et or" width="auto" height="100%"/>') //--> </script> </a> </li> <li id="texte3" class="texte_3 texte" style="display:none;"> <h2><a href="boutique-en-ligne/danse-orientale/ensemble-ceinture-soutien-gorge-de-danse-orientale/ensemble-soutien-gorge-danse-orientale-rouge-et-or.html"> ensemble soutien-gorge danse orientale rouge et or</a></h2> Ref. ense211<br/>Prix : <span class="prix">49.99</span> &euro;</li> </ul></div>

Avatar du membre
Mammouth du PHP | 1564 Messages

11 juil. 2023, 23:11


Mammouth du PHP | 558 Messages

12 juil. 2023, 07:54

Bonjour cela veut dire que la fonction n'est pas déclaré tout simplement.
Le problème c'est que l'erreur n'apparaît que lorsque le code que j'ai mis est en place et cela fou aussi en vrac les autres code Jquery. Alors que sur les autres pages je n'ai aucun problème.
Donc cela doit certainement provenir de la syntaxe que j'ai utilisé et qui fonctionnait dans la versions que j'avais utilisé à l'époque.
Merci tout de même pour ton aide.

Avatar du membre
Mammouth du PHP | 1564 Messages

12 juil. 2023, 10:11

jQuery easing n'est plus intégré dans le code jQuery, il est dans le jQuery UI il me semble, à ajouter en plus de jQuery :

https://jquery.com/download/
+
https://jqueryui.com/download/ (section "Effects" cochée pour avoir "easing")

Mammouth du PHP | 558 Messages

12 juil. 2023, 12:09

Tu ne serais pas un magiciens ?
je trime pendant 2 jours à essayer tout et n'importe quoi.
et la comme par magie tout refonctionne.
un grand merci à toi two3d le magicien.
problème régler

Avatar du membre
Mammouth du PHP | 1564 Messages

12 juil. 2023, 12:45

Magicien, non, développeur, oui :lol: