Pourquoi trois de mes jquerys ne peuvent pas être chargés pendant le développement de mon thème WordPress

Je veux faire un thème wordpress basé sur mon site déjà développé à ce jour. Je n’ai qu’une seule page de site Web qui utilise principalement un plugin jquery ‘Ascensor’, et j’ai également choisi d’utiliser boostrap comme cadre de mon site Web. Le site fonctionne vraiment parfaitement sur mon ordinateur en tant que page statique. Cependant, j’ai rencontré un gros problème lorsque je veux le convertir en thème wordpress.

Le html, css peut être chargé avec succès dans wordpress, mais trois de mes jquery ne peuvent pas être chargés. ( J’ai quatre jquery, et « bootstrap.js » est le seul à pouvoir être chargé avec succès ).

Voici mon code pour la fonction.js :

<?php
function my_scripts_method() {

wp_enqueue_script( 'bootstrap', get_template_directory_uri() . '/css/bootstrap/js/bootstrap.min.js', array( 'jquery' ) );
wp_enqueue_script( 'ascensor', get_template_directory_uri() . '/js/jquery.ascensor.js', array( 'jquery' ) );
wp_enqueue_script( 'backstretch', get_template_directory_uri() . '/js/jquery.backstretch.min.js', array( 'jquery' ) );
wp_enqueue_script( 'flexslider', get_template_directory_uri() . '/js/jquery.flexslider.js', array( 'jquery' ) );

}
add_action( 'wp_enqueue_scripts', 'my_scripts_method' );
?>

et j’ai déjà mis ces codes dans mon footer.php :

<?php wp_footer(); ?>

<script type="text/javascript">
  $(function(){
    SyntaxHighlighter.all();
  });
  $(window).load(function(){
    $('#carousel').flexslider({
      animation: "slide",
      controlNav: false,
      animationLoop: false,
      slideshow: false,
      itemWidth: 210,
      itemMargin: 5,
      asNavFor: '#slider'
    });

    $('#slider').flexslider({
      animation: "slide",
      controlNav: false,
      animationLoop: false,
      slideshow: false,
      sync: "#carousel",
      start: function(slider){
        $('#loading').removeClass('loading');
      }
    });
  });
</script>
<script>
 $("#first").backstretch("<?php bloginfo('template_directory'); ?>img/bg2.png",{fade:1500});
</script>
<script>
    $('#ascensorBuilding').ascensor({ChildType: 'section',Direction:"chocolate", AscensorMap: "1|2 & 2|2 & 3|2 & 4|2 & 2|1 & 3|1",Overflow:"hidden", QueuedDirection: "x",Queued: true,Time: 500,});
</script>

Le bootstrap.min.js peut être chargé avec succès, les trois autres ne le peuvent pas, c’est le problème.

Solution n°1 trouvée

je me sens toujours confus, toujours grâce aux lettres blanches et aux espaces vides, et davidkonrad a fait quelques commentaires pour mon message.

enfin, j’ai choisi d’utiliser /js/… dans header.php pour résoudre ce problème, mais je ne sais toujours pas ce qui ne va pas pour ma fonction.php.