Question

我查看了一些相关的问题，建议如何操纵资产管道，但仍然无法使其工作。

index.html.erb：

<%= javascript_include_tag "playlist" %>

<div class="demo">
  <div class="demoPlate plate" style="margin: 0 auto;">

  </div>
</div>

的application.js：

//= require jquery
//= require jquery-ui
//= require jquery_ujs
//= require plate.js
//= require bootstrap
//= require bindWithDelay
//= require jquery.datetimepicker
//= require_tree .

$(document).ready(function(){
  $("#event_when").datetimepicker({
    format:'Y/m/d H:i'
  });
  $("#user_dob").datetimepicker({
    timepicker:false,
    format:'Y/m/d',
    maxDate:'0'
  });
});

playlist.js：

 $(function(){
      $('.demoPlate').plate({
        playlist: [
          {"file":"files/morgantj_-_caf_connection_1.mp3"}
        ]
      });
    });

需要编译插件的文件是： jquery-ui，jquery，plate.js，他们在体内有playlist.js。

我已经尝试过资产管道的所有目标，但是无法弄清楚我缺少什么。

他们安装的说明是（截图）： Part 1 Part 2

非常感谢任何帮助！

Answer 1

如果您将以下内容放在 application.js

中

//= require jquery
//= require jquery-ui
//= require jquery_ujs
//= require plate.js
//= require bootstrap
//= require bindWithDelay
//= require jquery.datetimepicker

您应该将所有这些文件放在 app / assest / javascripts

目录中

我将自动加载到一个文件＆＃34; application.js＆＃34; ，无需声明或包含在<head></head>标记内，除非您未在布局中包含 application.js文件。

设置jquery插件/依赖项后，您还可以需要 playlist.js

无法在rails中安装jquery插件。

1 个答案: