質問: jqueryを使用して "please wait、loading ..."アニメーションを作成する方法を教えてください。 私のサイトに "please wait、loading"の回転する円のアニメーションを配置したいです。どのように私はjqueryを使ってこれを達成するべきですか?
回答: turbolinks with railsを使っているのなら、これが私の解決策です。これはcoffeescriptです$(window).on 'page:fetch', -> $('body').append("<div class='modal'></div>") $('body').addclass("loading") $(window).on 'page:change', -> $('body').removeclass("loading") これは、jonathan sampsonからの最初の優れた回答に基づくsass cssです。# loader.css.scss .modal { display: none; position: fixed; z-index: 1000; top: 0; left: 0; height: 100%; width: 100%; background: rgba( 255, 255, 255, 0.4) asset-url('ajax-loader.gif', image) 50% 50% no-repeat; } body.loading { overflow: hidden; } body.loading .modal { display: block; }