Question

我有以下jquery代码。

if(bubble.label != undefined){
                        console.log(bubble.label.attr('style'));
                        var bubbleStyle = bubble.label;
                        bubbleStyle.css({
                        color: 'red', 
                        left: 0+'px',
                        top: -660+'px'
                    });
}

在上面的代码中，css属性颜色为：＆＃39; red＆＃39;，适用但不是left和top。我尝试过这个位置：＆＃39;绝对＆＃39;但它仍然不起作用。请帮帮我。谢谢。

Answer 1

尝试使用：

left: 0,
top: -660

而不是：

left: 0+'px',
top: -660+'px'

Answer 2

像这样使用。请确保在css中设置position:absolute or relative。然后只有它起作用，否则它不起作用

left: '0px',
top: '-660px'

Answer 3

将左侧和顶部更改为：

left: '0px',
top: '-660px'

Answer 4

尝试使用：

bubbleStyle.css({
  color: "red", 
  left: "0",
  top: "-660px"
  });

另外，检查元素以查看是否已应用内联样式。

Answer 5

考虑bubble.label是一个html label元素，请尝试以下方法：

<label id="test">Testlabel</label>

确保label显示inline-block且relative定位。

#test {
    display: inline-block;
    position: relative;
    background-color: green;
    color: white;
}

var bubbleStyle = jQuery('#test');

bubbleStyle.css({
    color: 'red',
    backgroundColor: 'orange',
    left: 0,
    top: 660,
});

See the fiddle

Answer 6

使用Jquery .css函数更新顶部值，但更改不会反映在屏幕上。

使用bubbleStyle.offset（{top：-660}）;它将更新DOM和屏幕中的最高值。

jquery css属性顶部和左侧不起作用

6 个答案: