пытаясь показать счетчик всякий раз, когда нажимается ссылка с удаленным значением true, пробовал оба способа, используя turbolinks:events и события ajaxStart/ajaxStop. Событие turboinks:load запускается успешно, а событие :click — нет. и ajaxStart, и ajaxStop не работают.
Использую rails 6, turbolinks 5, webpacker. ссылки генерируются в очень обычном примере:
<%=link_to 'Documents', documents_path, remote: true %>
этот код находится в <head> </head> файла application.html.erb
<script type="text/javascript">
$(document).on("turbolinks:load", function(){
alert('turbolinks load works');
//$(".sk-cube-grid").hide();
});
$(document).on("turbolinks:click", function(){
alert('this doesnt work');
//$(".sk-cube-grid").show();
});
</script>
код, использующий ajaxStart/ajaxStop, альтернативно размещенный также в application.html.erb
$(document).ajaxStart(function(){
alert('started ajax - doesnt work');
});
$(document).ajaxStop(function(){
alert('stopped ajax - doesnt work');
})
ИЗМЕНИТЬ
изменил обработку события на следующее:
var page_loaded = function() {
$(".sk-cube-grid").hide();
};
$(document).on("read page:load", page_loaded);
$(document).on("ajax:send", "a", function(xhr){
$('.sk-cube-grid ').show()
}).on("ajax:complete", "a", function(data, status, xhr) {
$(".sk-cube-grid").hide();
});
Этот код показывает () .sk-cube-grid, когда ajax: запускается, но не скрывается, когда :complete или когда :success.
