jquery - jQueryのサイズ変更可能なプラグインでマウスカーソルを変更するには?

Question

jQuery のサイズ変更可能なプラグインを使用すると、マウス カーソルのスタイルを「e-resize」(反対方向の 2 つの矢印) にすることができます。しかし、どうすればそれを変更できますか？私はこれを試しました：

$("#right-line").hover(function() {
    $(this).css("cursor", "crosshair");
});

しかし、それは機能しません。つまり、カーソルはまだ「e-resize」です。

前もって感謝します。

Answer 1

サイズ変更可能な Jquery のカーソルをオーバーライドするには、次のようにします。

$(selector).resizable({
        handles: "e",
        create: function( event, ui ) {
            // Prefers an another cursor with two arrows
            $(".ui-resizable-e").css("cursor","ew-resize");
        }
    });

Answer 2

インラインCSSは、おそらくjqueryスタイルシートによってオーバーライドされます。ローカルでロードしている場合は編集できますjquery.ui.resizable.css。UIウィジェットをさらに使用している場合は、メインでプロパティjquery-ui.cssを編集しcursorます。

編集する要素は.ui-resizable-se、の202行目です。jquery-ui.css