tapé js ne travaille pas dans l'intermédiaire

Question

Im essayant d'employer le js tapé dans l'intermédiaire et je ne peux pas le faire fonctionner.

dans index.html.erb

<span class="elementTyped"></span> 

dans all.js

//= require_tree . 
//= require jquery 
//= require bootstrap-sprockets 

<script src="jquery.js"></script> 
<script src="typed.js"></script> 
<script> 
    $(function(){ 
     $(".elementTyped").typed({ 
      strings: ["My name is example", "I am a developer"], 
      typeSpeed: 0 
     }); 
    }); 
</script> 

dans la mise en page

<%= javascript_include_tag "all" %> 

compensation im faire mal, https://jsfiddle.net/uw9uqc30/1/

Answer 1

Principalement votre problème c'est que vous avez html dans un fichier javascript. Les étiquettes <script> sont html. Si vous regardez dans le jsfiddle que vous avez lié, vous voyez que ces balises sont dans le volet HTML, pas le volet javascript. Retirez-les de all.js. Secondairement, Rails utilise un autre moyen de lier les ressources. Vous voyez ces déclarations //= require en haut de all.js? Il y en a déjà un pour jquery.js, il vous suffit d'en ajouter un pour typed.js