2013-04-16 198 views
0

我想知道把JavaScript文件放在軌道上的紅寶石的位置。把JS文件放在Rails的哪裏?

我在我的應用程序中使用jQuery對話框。所有jQuery和CSS文件放在assets/javascripts和資產/樣式表下。

現在我在我的視圖頁面中有一些JavaScript代碼,它是「my_event」。在哪裏放這個JavaScript代碼?

我用Google搜索,發現這個東西,建議做一個my_event.js文件,並把這個文件的意見/ useraccount目錄內。

尋求您寶貴的建議。

控制器useraccount.rb

查看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> 
+0

問題:哪裏把JS文件在Rails中?答案:在'app/assets/javascripts'中。 – Mischa

回答

3

放入資產/ JavaScript的文件夾,並要求它在你的application.js文件。如果您的application.js文件具有require_tree,則不需要再次請求您的js文件。

3

將它保存在assets/javascripts文件夾中,並交叉檢查是否已寫入「require_tree」。而已。

這將在每個頁面上提供...