20

重複の可能性:
jQuery で無効なリンクにマウスオーバーすると、クリックできないようにカーソルを変更するにはどうすればよいですか?

機能が不要または不可能な特定のケースで無効にしようとしているボタンがあります。これはページ上の多くのボタンの 1 つであり、この特定のボタンのみを無効にしたいと考えています。

私が探している効果は、ボタンの上にカーソルを置いたときに、マウスポインターが灰色になり、クリックできなくなり、マウスポインターが手のポインターに変わらないようにすることです。

最初の 2 つの目的は成功しましたが、3 つ目の目的を達成する方法がわかりません。検索すると、この動作をグローバルに無効にするための提案が表示されましたが、特定のボタンについては表示されませんでした。

これが私がこれまでに持っているものです。

if(buttonIsDisabled)
{
    var btnid ="#button"+index;
    $(btnid).attr("disabled","disabled").fadeTo(500,0.2);
}

これにより、ボタンは正常にクリックできなくなり、フェードアウトしますが、Firefox と Chrome では、ホバリング時にまだ手のアイコンが表示されます。IE8（これもサポートする必要があります）は、手を正しく無効にし、カーソルを表示します。

Chrome と Firefox で IE の動作を強制する方法について何か提案はありますか?

4

3 に答える 3

30

「カーソル」ルールを「デフォルト」の値に設定できます。jQuery では、 cssメソッドを使用できます。

$(btnid).css("cursor", "default");

すでに $(btnid) を使用しているため、次のように呼び出しを連鎖させることができます。

$(btnid).attr("disabled","disabled").css("cursor", "default").fadeTo(500,0.2);
于 2012-10-23T14:44:50.953 に答える
5

次のように css を設定できます。

$(btnid)
  .attr("disabled","disabled")
  .css('cursor','default')
  .fadeTo(500,0.2);
于 2012-10-23T14:44:54.697 に答える
5

cursor: defaultボタンにのスタイルを設定することもできます。

于 2012-10-23T14:44:38.753 に答える