Ruby on rails 在Rails中将JS文件放在哪里？

我想知道在RubyonRails中把javascript文件放在哪里

我正在应用程序中使用jQuery对话框。我放在assets/javascripts和assets/stylesheet下的所有jQuery和CSS文件

现在，我的视图页面中有一些JavaScript代码，即“my_事件”。将此JavaScript代码放在何处

我在谷歌上搜索了一下，发现了一些建议创建my_event.js文件的内容，并将该文件放在views/useraccount目录中

寻求你的宝贵建议

控制器用户帐户.rb

<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>

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

$（文档）.ready（函数（）{
$（“#日历”）.fullCalendar({
标题：{
左：“上一个，下一个今天”，
中心：'标题'，
右图：“月，agendaWeek，agendaDay”
},
//美国假日
事件：'/useraccount/my_event'，
事件单击：函数（事件）{
//警报（JSON.stringify（event，null，4））；返回false；
if（事件描述）{
变量a='取消连接'
$（“#成功”）.empty（）；
$（'#event desc'）.html（event.description）；
$（'#添加到我的cal'）.html（a）
$（“#对话框模式”）.dialog({
身高：350，
宽度：600，
莫代尔：是的，
按钮：{
好的：函数（）{
$（此）.dialog（“关闭”）；
}
}
});
}否则{
$（'#event desc'）.html（“哎呀！没有可用数据”）；
$（“#对话框模式”）.dialog({
身高：300，
宽度：363，
莫代尔：是的，
按钮：{
好的：函数（）{
$（此）.dialog（“关闭”）；
}
}
//警报（事件描述）；
});
}
},
});
});
函数addToMycal（val）{
$.getJSON（“/useraccount/delete_event？d=“+val，函数（数据）{
//警报（JSON.stringify（data，null，4））；返回false；
$（“#成功”）.empty（）；
$（“#事件描述”）.html（data.msg）
$（“#添加到我的cal”）.remove（）；
});
}
#日历体{
边缘顶端：40px；
文本对齐：居中；
字体大小：14px；
字体系列：“Lucida Grande”，Helvetica，Arial，Verdana，无衬线；
}
#历法{
宽度：900px；
保证金：0自动；
背景色：#E7EAF6；
}

将其放在assets/javascripts文件夹中，并将其放在application.js文件中。如果application.js文件具有require_树，则无需再次要求js文件。

将其放入assets/javascripts文件夹，并在application.js文件中要求它。如果您的application.js文件有require_树，则无需再次要求您的js文件。

将其保存在assets/javascripts文件夹中，并交叉检查您是否编写了“require_树”。仅此而已

---

这将出现在每个页面上…

将其保存在assets/javascripts文件夹中，并交叉检查您是否编写了“require_tree”。就是这样

---

这将在每个页面上提供…

问题：在Rails中的何处放置JS文件？回答：在app/assets/javascripts中？回答：在

app/assets/javascripts

中。