ruby-on-rails ruby on rails -添加javascript

b0zn9rqh 于 2023-04-08 发布在 Ruby

关注(0)|答案(3)|浏览(172)

我是一个Ruby on Rails开发新手。我刚刚创建了我的第一个应用程序，并使用了bootstrap carousel。现在，我想添加一些javascript。我的应用程序目前没有任何自定义javascript。我想做的是当按下carousel上的left或right按钮时，我希望弹出一个alert。最好是，我想在/assets/javascript目录中包含我的javascript文件。这样做的目的是学习如何在应用程序中添加新的javascript文件。

ruby-on-rails

来源：https://stackoverflow.com/questions/34114345/ruby-on-rails-add-javascript

3条答案

按热度按时间

kwvwclae1#

将您的自定义javascript添加到您的rails应用真实的简单，只需按照以下步骤操作：-

在**app/assets/javascript/**下创建一个文件（比如custom.js）
打开你的manifest文件，即application.js（你需要在这个文件中包含你想加载到rails应用程序中的每个javascript文件，在其中添加脚本名称**//=require custom**。
从浏览器访问你的rails应用，检查页面源代码，搜索custom.js是否加载，仅此而已。

赞(0）回复(0）举报 2023-04-08

3vpjnl9f2#

对于Rails 6
在/app/javascript//file. js下添加JavaScript代码
然后在app/packs/application.js中
require("<folder name>/file")

赞(0）回复(0）举报 2023-04-08

zengzsys3#

Or Just Do This 

      <title>box vol</title>
     </head>
      <body>
      <form id="frm1" action="Calculate.html">
   <table width="460px" border="1px">
    <tr>
        <th colspan="2">Box Volume Calculation</th>
    </tr>
    <tr>
        <td>Width</td>
        <td>
            <input type="number" id="width" placeholder=""> 
       Millimeters</td>
    </tr>
    <tr>
        <td>Depth</td>
        <td>
            <input type="number" id="depth" placeholder=""> 
             Millimeters</td>
    </tr>
    <tr>
        <td>Height</td>
        <td>
            <input type="number" id="height" placeholder=""> 
       Millimeters</td>
    </tr>
    <tr>
        <td>Box Volume : Litres<p id="test"></p></td>
        <td>
            
        </td>
    </tr>
 </table>
 <br>
 <input type="button" onclick="Calculate()" value="calculate">
   </form>


  </body>
   </html>
      <script type="text/javascript">

      function Calculate() {
        var wide = document.getElementById("width").value;
     var deep = document.getElementById("depth").value;
  var high = document.getElementById("height").value;
var total = wide * high * deep/1000000;

document.getElementById("test").innerHTML = total;
      }

        </script>

赞(0）回复(0）举报 2023-04-08

我来回答

ruby-on-rails ruby on rails -添加javascript

3条答案

相关问题

热门标签

最新问答