2 
$("#sales-period").on("change", function () {
    $("body").css("cursor", "wait");
});

上記は、マウスカーソルを変更するために使用しているコードです。ドロップダウン値が変更されると、問題は、カーソルが本文の待機状態に変わりますが、リンクにカーソルを合わせると元に戻りますポインタに。リンクなどをホバリングしている間でも待機状態を表示し続けるにはどうすればよいですか?

4

4 に答える 4

10

Yotam が投稿したように、次のようにして、すべての要素の csscursorスタイルをオーバーライドできます。

$("*").css("cursor", "wait");

ただし、ページ上の要素ごとに DOM を変更する必要があるため、これには非常にコストがかかります。

さらに、すべてのカーソルを待機に割り当てられる前の状態に戻すのは悪夢です。以前にインライン スタイルがあった場合、これらはオーバーライドされており、以前の状態に戻すことはできません。

したがって、 にクラスを追加してから、bodyCSS ですべての変更を行うことをお勧めします。

$("body").addClass("waiting");

body.waiting,
body.waiting a:hover,
body.waiting *
{
    cursor: wait !important;
}

次に、待機状態を削除するには、次のようにします。

$("body").removeClass("waiting");

これにより、DOM の変更がはるかに少なくなり、アンカー ホバー状態カーソルの問題が修正されます。

于 2013-07-08T14:32:16.520 に答える
1

htmlすべての要素で CSS のリセットが必要です。body要素にカーソルを設定しました。ただし、a要素にはデフォルトのポインターカーソルがあります。

このstyle.cssファイルを試してください

body.wait,
body.wait * {
    cursor: wait;
}

待機カーソルを表示/非表示にする Jquery コード:

$("body").addClass("wait"); // to add wait cursor

$("body").removeClass("wait"); // to remove wait cursor
于 2013-07-08T14:30:34.857 に答える
0

これを試して

jQuery( "*" ).css("cursor", "wait");
于 2013-07-08T14:30:40.460 に答える