gpt4 book ai didi

jquery - 使用 jquery 覆盖 css 不适用于 addthis

转载 作者:行者123 更新时间:2023-11-28 07:03:03 24 4
gpt4 key购买 nike

我需要重写 addthis css 属性,当我向它添加 !important 示例时它不起作用

有效

$("#at4-scc").css("opacity", "1");
$("#at4-scc").css("visibility", "visible");

结果 style="opacity: 1; visibility: visible;"

<div id="at4-scc" class="at-share-close-control ats-transparent at4-show at4-hide-content" title="Hide" style="opacity: 1; visibility: visible;">
<div class="at4-arrow at-left">Hide</div>
</div>

不起作用

$("#at4-scc").css("opacity", "1 !important");
$("#at4-scc").css("visibility", "visible !important");

结果 style=""

<div id="at4-scc" class="at-share-close-control ats-transparent at4-show at4-hide-content" title="Hide" style="">
<div class="at4-arrow at-left">Hide</div>
</div>

不确定为什么它不起作用。我必须覆盖默认的 css,因为它具有 !important 属性

默认样式

    .at4-hide, .at4-hide-content {
opacity: 0 !important;
}
.at4-hide-content {
visibility: hidden;
}

我也试过在这个下面只添加最后一个 css 而不是两者都添加。

$('#at4-scc').attr('style', 'opacity: 1 !important');
$('#at4-scc').attr('style', 'visibility: visible !important');

最佳答案

instaed overriding remove previous class喜欢

$('#at4-scc').removeClass('at4-hide');
$('#at4-scc').removeClass('at4-hide-content');

然后添加

$("#at4-scc").css({"opacity":"1","visibility":"visible"});

关于jquery - 使用 jquery 覆盖 css 不适用于 addthis,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/33116993/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com