2

ページの読み込み時にカーソルを変更できません。私のコードは：

Event.observe(window, 'load', function() {
    document.body.style.cursor = 'wait';
     $$('select').each(function(s) {
        var ajaxRequest = new Ajax.Request(
            '/some_ajax_proc',
            {

ページが読み込まれるとき、カーソルは変更されません。ただし、次のような他のイベントリスナーでは問題ありません。

   $('mytxt').observe('change', function() {
      document.body.style.cursor = 'wait';
   }

更新：OK、カーソルは変更されますがdocument.body.style.cursor = 'default';、Ajaxループの後にあるため、すぐに元に戻されるので、スレッドの問題だと思います。この場合のヒントはありますか？

4

3 に答える 3

2

これを試しましたか？

Ajax.Responders.register({
   onCreate: function() {
                if (Ajax.activeRequestCount === 1) {
                   //Code for change the cursor, something like this:
                   document.body.style.cursor = 'wait';
                }
             },
   onComplete: function() {
                  if (Ajax.activeRequestCount === 0) {
                     // End loading...
                     ....
                  }
               }
});
于 2012-07-10T17:22:49.837 に答える
0

この構文はどうですか？

Event.observe(window, 'load', function() {
  $(document.body).setStyle({
    cursor: 'wait'
  });
});

これは私にとってはうまくいきますが、カーソルが定義されている要素、またはオーバーライドする他のカーソルスタイル（おそらくドラッグ可能なアイテムまたはクリック可能なリンク）を持つ要素がありますか？

<body>FirebugやChromeデベロッパーツールなどを使用して、タグが実際にスタイルを適用しているかどうかを確認します。

于 2012-07-04T19:46:02.573 に答える
-1

以来、あなたはすでにjqueryを使用しています。

$('mytxt').observe('change', function() {
   $("body").css("cursor", "wait");
}
于 2012-07-10T07:57:08.907 に答える