Форма с пультом: true не работает с turbolinks

У меня есть настройка и установка remote: true. Пока он работает, если я непосредственно обновляю страницу. ЕСЛИ я перемещаюсь из меню в нужную форму, кнопка просто ничего не делает.Форма с пультом: true не работает с turbolinks

Я пытался добавить «данных нет-turbolink =» истинный»по ссылке меню, но по-прежнему не работает, возможно, из-за turbolinks 5 не уверен?

<%= form_for :location, url: get_inventory_path, remote: true do |f| %> 
      <div class="input-field col s12"> 
       <%= f.select :location_id, options_for_select(@locations.collect { |l| 
       [l.station + ', ' + l.venue + ', ' + l.area + ', ' + l.city + ', ' + l.country, l.id] }, 1), {}, { id: 'location_select', class: "browser-default" } %> 
      </div> 
     </div> 
     </div> 
     <div class="card-action center-align"> 
     <%= f.submit "Go", class: "btn blue", data: { disable_with: "Please wait..." } %> 
     </div> 
     <% end %>

также я добавил новое событие слушатель Turbolinks 5, который делает вещи проще, но потом снова ..

$(document).on('turbolinks:load',function(){ 
    $(".button-collapse").sideNav(); 
    $('select').material_select(); 
    $('.dropdown-button').dropdown({ 
    belowOrigin: true, 
    constrain_width: false, 
    alignment: "right" 
    }); 
    $('.collapsible').collapsible(); 
    $('.tooltipped').tooltip({delay: 50}); 
});

любые подсказки приветствуются!

источник

2016-07-06 Petros Kyriakou

Вы недавно обновили до 'turbolinks 2.5 -> 5.0'? и если да, то работает ли он до обновления до 5? – mrvncaragay

Нет, это совершенно новое приложение, над которым я работаю с последней версией рельсов ... –

одно предложение попробовать 'gem jquery-turbolinks', если вы еще не опробовали его – mrvncaragay

Так что, похоже отключая turbolinks на определенные элементы работали, но это изменилось с Turbol чернила 5 и я пропустили его в документации по турбовинкам 5. Для дальнейшего использования

примеры из документации

<a href="/" data-turbolinks="false">Disabled</a> 

<div data-turbolinks="false"> 
    <a href="/">Disabled</a> 
</div>

Rails например

<%= link_to "Overview", inventory_index_path, :"data-turbolinks"=>"false" %>

Я надеюсь, что это помогает, но если кто-нибудь найдет реальную проблему, дайте нам знать все!

источник

2016-07-06 19:52:01

Better : '<% = link_to" Обзор ", inventory_index_path, data: {turbolinks: false}%>' – dft

-1

Попробуйте загрузить все файлы js в головке, а не в конце тела.

<!DOCTYPE html> 
<html lang="en"> 
    <head> 
    <meta charset="utf-8"> 
    <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1"> 
    <meta name="viewport" content="width=device-width, initial-scale=1.0"> 
    <title><%= content_for?(:title) ? yield(:title) : "app" %></title> 
    <%= csrf_meta_tags %> 
    <%= favicon_link_tag %> 
    <%= stylesheet_link_tag "application", :media => "all" %> 
    <%= javascript_include_tag "application" %> 
    </head> 
    <body> 
    <%= render "layouts/application_header" %> 
    <div class="container"> 
     <div class="row"> 
     <div class="col-lg-12"> 
      <%= yield %> 
     </div> 
     </div><!--/row--> 
    </body> 
</html>

У вас будет такая же проблема с этого момента.

и добавьте камкордер jQuery turbolinks и следуйте инструкциям. https://github.com/kossnocorp/jquery.turbolinks , то вы можете снова работать с готовым документом на своей странице

источник

2016-07-06 20:05:55 xploshioOn

На самом деле это сверху, я этого не изменил. –

Я отредактировал ответ, пожалуйста, посмотрите – xploshioOn

Я боюсь еще, jquery.turbolinks не совместим с turbolinks 5 ... также проблема в форме, не имеет ничего общего с моим собственным javascript, который работает просто отлично. –

Форма с пультом: true не работает с turbolinks

ответ

Смежные вопросы