javascript не загружается, если я не обновляю

Question

У меня есть jquery в $(document).ready(), но этот код jquery не запускается на моей странице, если я не обновляю страницу. Затем он работает при каждом последующем обновлении. Почему это так?

Я просто помещаю теги javascript и html, но я работаю в приложении rails, не уверен, что это усложняет ситуацию.

Answer 1

В зависимости от версии turbolinks вам необходимо использовать правильный синтаксис для переопределения события загрузки документа. Для turbolinks 5:

вместо

$(document). ready(function() { 
.... 
}) 

Использование

var documentready = function(){ 

} 
$(document). on('turbolinks:load', documentready); 

Это грациозно вернется к документу готовое событие при обновлении.

Зачем это необходимо?

Turbolinks связывает изменения местоположения (например, ссылки на ссылки) и использует Ajax для загрузки частичного. Документ НЕ ЗАГРУЖЕН. Кроме того, он управляет историей браузера для записи посещения.

Таким образом, активы не загружаются при каждом посещении. Быстро. Поэтому готовый документ не будет привязываться ко всем событиям, если только все слушатели не нацелены под телом или документом (например, $("body").on("click","selector",function()... вместо $("selector").on('click', function()...

Answer 2

Эта проблема возникает из-за того, что некоторые ключевые события в старой версии турбовинтовых устройств несовместимы с новые turbolinks 5.

Я предложил скачать gem jquery-turbolinks убедитесь, что требуется, чтобы application.js

//= require jquery 
//= require jquery.turbolinks 
...... 

и сценарий совместимости .Вы можете найти сценарий here просто создать compatibility.coffee недеформированной r assets/javascripts

Это позволит использовать старый синтаксис. $(document).ready...