1

このコードを使用して、マウス ホバー時にボタンを強調表示します。

$("#fileupload").mouseenter(function () {
    $("#myLink").css("background-color", "#495461");
}).mouseleave(function () {
    $("#myLink").css("background-color", "#3C454F");
});

動作しますが、このボタンをクリックすると (マウスがホバーされると)、モーダル ウィンドウが表示されてファイルが選択されるため、この場合は mouseleave が続行されません。

私の質問:このモーダルが表示されているときに背景色を「通常」に戻すにはどうすればよいですか (#3C454F)。このボタンのクリックの背後にコードを配置することは避けたいと思いますが、ここで問題を単純化するため、上記のようにすべてを 1 つのコード ブロックに集中させておきます...

4

5 に答える 5

0

あなたのコードは完璧に機能しています。

あなたが使っている色がはっきりと識別されていないだけです。#495461と#3C454F同じ色合いで表示されます

フィドルのデモをチェック

于 2013-07-08T13:29:27.040 に答える
0

代わりに .hover() を使用してください:

$("#fileupload").hover(
    function () {
        $("#myLink").css("background-color", "#495461");
    },
    function () {
        $("#myLink").css("background-color", "#3C454F");
    }
);

.hover() の jQuery ドキュメント

于 2013-07-08T13:13:08.350 に答える
0

代わりにJQueryホバーを使用してください。動作するはずです。

コードは次のようになります。

$("#fileupload").hover(
    function () {
        $("#myLink").css("background-color", "#495461");
    },
    function () {
        $("#myLink").css("background-color", "#3C454F");
    }
);
于 2013-07-08T13:13:25.140 に答える
0

イベントに同じ動作$("#fileupload').mouseleaveを追加する$("#myLink").click

于 2013-07-08T13:13:56.953 に答える