jquery - 检查仓位是否存在

Question

我有一个包含元素和相对位置的页面。

style="position: relative;"

有些有顶部/左侧坐标，有些则没有。有没有办法用 jQuery 检查样式标签内是否存在坐标？

如果没有，我想通过执行以下操作来添加它们:

if (...) {
    var myDiv = $(".myDiv");    
    var pos = myDiv.position();
    myDiv.css({ "left:" + pos.left + "px", "top:" + pos.top + "px" });
}

Answer 1

如this jsfiddle所示顶部/左侧的默认值为“auto”。因此，要检查 CSS 值是否已设置，您可以检查该值是否为“auto”。

<小时/>

测试:

<div style="position: relative;"></div>

<div style="position: relative; left: 10px;"></div>

<div style="position: relative; left: badvalue;"></div>

<script type="text/javascript">
    $(function() {
        $('div').each(function() {
            alert($(this).css('left'));
        });
    });
</script>