jquery - 是否可以使用 jquery 删除 display:none 的内联样式？

Question

我在我的网站上使用 jquery 选项卡。我刚刚为我正在使用的地图安装了一个新的 jquery 插件（平滑缩放），但它不是 dipalying 。我检查了萤火虫，它正在创建一种内联显示样式：无。

我已经尝试使用以下方法来删除显示样式，但它不起作用

$(document).ready(function(){
    $("#tabs-4").css('display', '');
});

有什么方法可以使用 jquery 从这个元素中完全删除所有内联样式？

score 6 · Accepted Answer

尝试.removeAttr()：

$(document).ready(function(){
    $("#tabs-4").removeAttr('style');
});

如果它不起作用，doc ready那么您可以尝试window load：

$(window).load(function(){
   $("#tabs-4").removeAttr('style');
});

score 2 · Accepted Answer

代码应该更改显示属性而不是删除它。您可能需要更改block为所需的属性值。

$(document).ready(function(){
    $("#tabs-4").css('display', 'block');
});

score 2 · Accepted Answer

如果您希望元素上的所有内联 css 消失，请尝试删除整个样式属性。我创建了一个 js fiddle，看看。

$("document").ready(function(){
    $("#demo").attr("style", "");
});

score 1 · Accepted Answer

1

这将清除所有内联样式。

$("#tabs-4").attr("style", "");

于 2013-02-27T10:03:11.910 回答

score 0 · Accepted Answer

该链接将成为单击时显示 div 的触发器。所以你的 Javascript 将是：

$('.trigger').click(function() {
   $('.news').toggle();
});

5 回答 5