jquery - シンプルな Jquery Css スタイルの呼び出し

Question

これの何が問題なのですか？

var hover = $('<img />').attr('src', hovers[i]).css('position', 
                                                        'absolute', 
                                                        'visibility' , 
                                                        'hidden');

何らかの理由で'visibility' , 'hidden'呼び出されませんか？しかし、ポジションスタイルを削除すると削除されます。

ここで何が間違っていますか？

Answer 1

答えは、追加の引数を渡すのではなく、キーと値のペアを持つオブジェクトを css メソッドに渡すことです。

var hover = $('<img />')
    .attr('src', hovers[i])
    .css({
        position: 'absolute',
        visibility: 'hidden'
    });

「.css(map)」については、こちらのドキュメントを参照してください: http://api.jquery.com/css/#css2

Answer 2

http://api.jquery.com/css/

css docs から、構文が正しくないことがわかります。複数の css 属性を定義する場合は、:、次にコンマを使用して区切り、次のようにすべての属性を中括弧で囲みます。

var hover = $('<img />').attr('src', hovers[i]).css({'position':'absolute','visibility':'hidden'});

Answer 3

これを次のように変更します。

    var hover = $('<img />').attr('src', hovers[i]).css({'position': 'absolute', 'visibility': 'hidden'});