Rails 4: turbo-links change mouse cursor when loading

Question

when using rails 4 turbo-links, how do you change the mouse cursor to progress when a link is clicked?

i have tried this with no success:

application.js.erb

$(function() {
    $(window).ajaxStart(function() {
       $(this).css({'cursor' : 'progress'});
    }).ajaxStop(function() {
       $(this).css({'cursor' : 'default'});
    });
});

thanks!

@Dinesh Saini: no, this is on my local development, is there a difference? — amitben, Jun 23 '15 at 05:55
http://stackoverflow.com/questions/19042191/turbolinks-what-is-the-rails-4-way-of-showing-progress-for-slow-pages Check this one — Qaisar Nadeem, Jan 25 '16 at 14:24

score 1 · Answer 1 · edited May 23 '17 at 11:48

1

I found a jquery patch to help, although i wonder if there is a better solution..

in the mean time this thread helped me:

application.js.erb

$(function() {
    $(document).on('page:fetch',   function() { $('body').css( 'cursor', 'progress' ); });
    $(document).on('page:change',  function() { $('body').css( 'cursor', 'default' ); });
});

edited May 23 '17 at 11:48

Community

1
1

answered Jun 24 '15 at 03:27

amitben

670
10
21

Rails 4: turbo-links change mouse cursor when loading

1 Answers1