Où mettre le fichier JS dans Rails?

Question

Je veux savoir où mettre le fichier javascript dans ruby ​​sur rails. J'utilise la boîte de dialogue jQuery dans mon application. Tous les fichiers jQuery et CSS que je mets sous assets/javascripts et assets/stylesheets.

Maintenant, j'ai un code JavaScript dans ma page d'affichage qui est "my_event". Où mettre ce code JavaScript?

Je googlé pour cela et trouvé quelque chose qui a suggéré de faire un my_event.js fichier et placez ce fichier dans le répertoire vues/useraccount.

En cherchant votre précieuse suggestion.

Contrôleur de

Voir le my_event.html.erb

<script> 
    $(document).ready(function() { 

     $('#calendar').fullCalendar({ 

      header : { 
       left : 'prev,next today', 
       center : 'title', 
       right : 'month,agendaWeek,agendaDay' 
      }, 
      // US Holidays 
      events : '/useraccount/my_event', 
      eventClick : function(event) { 
       // alert (JSON.stringify(event,null,4)); return false; 
       if (event.description) { 
        var a = '<button onclick="addToMycal(' + event.id + ')">UnJoin</button>' 
        $("#Successmes").empty(); 
        $('#event-desc').html(event.description); 
        $('#add-to-my-cal').html(a) 
        $("#dialog-modal").dialog({ 
         height : 350, 
         width : 600, 
         modal : true, 
         buttons : { 
          Ok : function() { 
           $(this).dialog("close"); 
          } 
         } 

        }); 
       } else { 
        $('#event-desc').html("<h4>Oops!</h4> No Data Available"); 
        $("#dialog-modal").dialog({ 
         height : 300, 
         width : 363, 
         modal : true, 
         buttons : { 
          Ok : function() { 
           $(this).dialog("close"); 
          } 
         } 
         // alert (event.description); 
        }); 
       } 
      }, 
     }); 
    }); 

</script> 

<script> 
    function addToMycal(val) { 
     $.getJSON("/useraccount/delete_event?d=" + val, function(data) { 
      // alert (JSON.stringify(data,null,4)); return false; 
      $("#Successmes").empty(); 
      $("#event-desc").html(data.msg) 
      $("#add-to-my-cal").remove(); 

     }); 

    } 

</script> 
<style> 
    #calendarbody { 
     margin-top: 40px; 
     text-align: center; 
     font-size: 14px; 
     font-family: "Lucida Grande", Helvetica, Arial, Verdana, sans-serif; 
    } 

    #calendar { 
     width: 900px; 
     margin: 0 auto; 
     background-color: #E7EAF6; 
    } 

</style> 
<div id="calendarbody"> 
    <div id='calendar'></div> 
</div> 

<div id="dialog-modal" title=" Event Description"> 
    <p id="event-desc"></p> 
    <div id="add-to-my-cal"></div> 
    <p id="Successmes"></p> 

</div> 

Answer 1

Mettez-le dans le dossier actif/javascripts et exigent dans votre fichier application.js. Si votre fichier application.js a require_tree., Vous n'avez plus besoin de votre fichier js.

Answer 2

Conservez-le dans le dossier assets/javascripts et vérifiez si vous avez écrit "require_tree". C'est tout. Ceci sera disponible sur chaque page ...