jquery Datatables не отформатированы до обновления браузера - PullRequest
Новая
       22

jquery Datatables не отформатированы до обновления браузера

0 голосов
/ 12 июня 2018

Я на Rails 5.2, MacOS 10.13.4, ruby ​​2.3.7p456.Я следую этому руководству для реализации jquery datatables.Как в процессе разработки, так и в процессе работы таблицы загружаются без форматирования данных, но после обновления браузера таблицы отлично отображаются с форматированием данных.Я устанавливаю с использованием CDN.

Вот скриншот начальной нагрузки:

enter image description here

Затем после обновления:

enter image description here

Мой application.html.erb: 

<head>

<%= csrf_meta_tags %>

<%= stylesheet_link_tag    'application', media: 'all', 'data-turbolinks-track': 'reload' %>
<%= javascript_include_tag 'application', 'data-turbolinks-track': 'reload' %>
<script
  src="https://code.jquery.com/jquery-3.3.1.min.js"
  integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8="
  crossorigin="anonymous"></script>
<link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/1.10.16/css/jquery.dataTables.css">
<script type="text/javascript" charset="utf8" src="https://cdn.datatables.net/1.10.16/js/jquery.dataTables.js"></script>

В моем HTML-файле таблица имеет id = 'search'

файл search.coffee: 

    $(document).ready ->
  $('#search').DataTable()
  return

и, наконец, файл application.js: 

//= require jquery3
//= require popper
//= require bootstrap
//= require rails-ujs
//= require jquery.turbolinks
//= require turbolinks
//= require_tree .

Я попытался переместить сценарии CDN из application.html.перейдите на страницу показа, удалив сценарий загрузки jquery и используя разные версии jquery в сценарии загрузки jquery.Я пробовал на Chrome версии 67.0.3396.79 и Safari версии 11.1.Все это не привело к изменениям.

Кто-нибудь сталкивался с этим?Я увидел этот вопрос: и попытался добавить gem 'jquery-turbolinks' в gemfile и добавить //= require jquery.turbolinks в application.js, а после установки пакета и перезапустить сервер все равно без изменений.

Ответы [ 2 ]

0 голосов
/ 11 ноября 2018

Ответ на это из ответа здесь - Rails 5: как использовать $ (document) .ready () с турбо-ссылками

В какой-то момент $ (document). Уже был объявлен устаревший турболинк, попробуйте: 

$( document ).on('turbolinks:load', function() {
  console.log("It works on each visit!")
})
0 голосов
/ 04 сентября 2018

Я полностью удалил турболинки из моего приложения, чтобы заставить данные работать правильно.

...