javascript - removeAttr() 未应用？

Question

我正在为我当前的项目使用 zepto.js，它具有与 jquery 相同的 removeAttr() 方法。

我正在将 margin-top 应用于一堆元素 – 工作正常。

var $apply = $('aside[role="sub"], aside[role="event-info"], aside[role="attend"]');
$apply.css('margin-top', '100px'); //works fine

但是我还需要在调整大小事件中再次删除它。

if ( $(window).width() <= 984 ) {
    //$apply.removeAttr('style'); //doesn't take effect
    $apply.css('margin-top', '0'); //works fine
    console.log('< 984');       
} 

所以我可以将 margin-top 设置回 0 但不能从选择器中完全删除样式属性。

有什么想法吗？我没有收到任何错误，它只是没有生效。

Answer 1

删除它的正确方法是在使用 .css 时不设置值。

$apply.css('margin-top', ''); // remove property

When a value for a property is empty, that property is removed.

阅读更多 here .