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 文档中您可以看到您的语法不正确，当定义多个 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'});