2017-09-04 46 views
1

所以我经历了多年来一直如此的各种问题,我无法弄清楚我的订单应该是什么。我的下拉菜单不起作用,我的数据表格也没有样式。我使用的是引导,青菜3.3.7和引导-will_paginate 1.0.0Rails:Applications.js当前正确的订单

这里是application.js中

//= require jquery 
//= require parsley 
//= require jquery-ui 
//= require bootstrap 
//= require bootstrap/dropdown 
//= require dataTables/jquery.dataTables 
//= require_tree . 

在应用CSS我目前的订单我:

*= require jquery-ui 
    *= require_self 
    *= require_tree . 

最近,一些重要的宝石被弃用。所以我正在将一切都修改为新标准。所以我认为在过去的几年里我错过了一些与我无关的东西。另外,当我对application.js做一些小改动时,我无法判断是否有任何改变。我需要每次运行rake clean:assets吗?

任何帮助将不胜感激。

编辑。更新我的订单以反映当前的情况。还没有弄明白。

编辑2.我更新了我的application.css文件到.scss文件,现在它看起来像这样:

@import "parsley"; 
@import "jquery-ui"; 
@import "dataTables/jquery.dataTables"; 
@import "bootstrap-sprockets"; 
@import "bootstrap"; 
@import "/\*"; 

相同的结果。我的Javascript没有工作,bootstrap似乎正在工作。

编辑3.我非常接近。所以我的JavaScript工作,我必须提前jQuery的欧芹,因为它需要它。

那么,什么是不工作是我的表代码:

jQuery -> 
    $('#all_participant_table').DataTable({"sPaginationType": bootstrap"}); 
    $('#screening_log').DataTable({ 
    "sScrollX": "100%", 
    "sScrollXInner": "100%", 
    "bScrollCollapse": true, 
    "sPaginationType": "bootstrap" 
    }); 

编辑4.错误解决。它似乎sPaginationType已弃用,我切换到PagingType和一切工作(“pagingType”:“full_numbers”)

我希望这篇文章可以帮助未来的人。

+0

什么是您的rails版本,您使用turbolinks? – widjajayd

+0

@widjajayd我的rails版本是5.1.3,我没有使用turbolinks –

+0

某些引导插件需要jQuery,你必须在引导之前在你的application.js中包含jquery。我希望这可以帮助 – Himshwet

回答

0

这里的答案是我原来的问题:

//= require jquery 
//= require parsley 
//= require jquery-ui 
//= require bootstrap 
//= require dataTables/jquery.dataTables 
//= require_tree . 

,我不得不删除引导/下拉,以及jQuery的UJS。这两个项目现在都是这种或那种系统的一部分。所以让他们再次创建一个重复的呼叫。

Jquery需要在欧芹和自举之前。这两个请求jquery。

对于我正在运行的系统(虚拟盒,ubuntu),我至少需要耙资产:预编译并重新启动服务器以查看大部分更改。但我会这样做,以确保:

rake assets:clobber //delete cached files 
rake assets:precompile //rebuild 

然后启动服务器。