Estoy construyendo una Rails 4 aplicación web y quiero incluir algunos .js archivos en mi aplicación. Es posible añadir directamente el archivo JavaScript a mi Rieles ..app/assets/javascripts carpeta y agregar referencia en application.js como este?

//= customejsfile.js 

Es este el camino correcto? Si sí, es posible que yo siga los mismos pasos para agregar jQuery y Bootstrap de la biblioteca?

Cualquier ayuda es muy apreciada.

InformationsquelleAutor Cyber | 2014-03-10

4 Comentarios

  1. 31

    La forma correcta de incluir sus archivos es:

    //= require customejsfile

    en su application.js archivo. Lo que es más, que por defecto tendrá

    //= require_tree .

    que requiere que todos los archivos js de assets/javascript camino, así que usted no tiene que escribir en su propia (y que no debería, o tendrás tu archivo incluido dos veces). Biblioteca de JQuery está incluido por defecto (y que viene de jQuery gem). Si desea Bootstrap, entonces usted puede hacerlo de esta manera o usar uno existente gemas, como bootstrap-generadores o twitter-bootstrap-rails.

    • No es necesario precisar la extensión JS, piñones supone que ellos sean js.
    • hola gracias Marek, ¿sabría qué hacer si usted no tiene la real .archivo js pero tienen un enlace a un CDN – ¿cómo se podía incorporar en rails?
    • Probablemente voy a poner el enlace en html, como se hace normalmente en páginas html.
  2. 8

    Echar un vistazo a la aplicación.html.erb archivo, verá que el application.js se hace referencia a través de:

    <%= javascript_include_tag "application", "data-turbolinks-track" => true  %>

    Así que cuando tuve este reto, yo lo que hice fue: agregar esta secuencia de comandos en el archivo donde se quería hacer referencia a mi costumbre de javascript, pero esta vez he modificado el parámetro. Así que en lugar de «solicitud»,» tengo este:

    <%= javascript_include_tag "customjsFile", "data-turbolinks-track" => true  %>

    Espero que esto ayude.

  3. 4

    Usted tiene que agregar explícitamente jquery y bootstrap en application.js, mientras que se incluirá automáticamente los archivos personalizados que requieren el árbol de directorios.
    Si usted echa un vistazo a su application.js debe haber un manifiesto diciendo que. Esta es la forma en que su application.js debe parecer con bootstrap y jquery

    // This is a manifest file that'll be compiled into application.js, which will include all the files
    //listed below.
    //
    //Any JavaScript/Coffee file within this directory, lib/assets/javascripts, vendor/assets/javascripts,
    //or vendor/assets/javascripts of plugins, if any, can be referenced here using a relative path.
    //
    //It's not advisable to add code directly here, but if you do, it'll appear at the bottom of the
    //compiled file.
    //
    //Read Sprockets README (https://github.com/sstephenson/sprockets#sprockets-directives) for details
    //about supported directives.
    //
    //= require jquery
    //= require jquery_ujs
    //= require bootstrap
    //= require bootstrap/affix
    //= require bootstrap/alert
    //= require bootstrap/button
    //= require bootstrap/carousel
    //= require bootstrap/collapse
    //= require bootstrap/dropdown
    //= require bootstrap/tab
    //= require bootstrap/transition
    //= require bootstrap/scrollspy
    //= require bootstrap/modal
    //= require bootstrap/tooltip
    //= require bootstrap/popover
    //= require turbolinks
    //= require_tree .

    No es necesario agregar el archivo personalizado en esta lista ya que se requiere que todos los archivos en el mismo nivel de su application.js (o inferior en el árbol de directorios) con la última directiva (require tree .)

  4. 0

    HTML:

    <script src="<%= asset_path 'my_js_file' %>"></script>

    Funciona bien también, si usted no quiere utilizar javascript_include_tag

Dejar respuesta

Please enter your comment!
Please enter your name here