css - css空の疑似クラスがSafariの動的更新で機能しない

Question

これが例です

table:empty {
    display: none;
}

<table style="border: 5px solid green;"></table>
<button></button>

<script>
$("button").click(function () {
    $("table").html("<tbody></tbody>");
});
</script>

:empty 疑似クラス Safari でコンテンツを動的に更新すると、動作しません。

Chrome では動作しますが、Safari では動作しません。

何か案は？

Answer 1

同様の問題がここにあります。スタイルを「リセット」するだけで機能させることができました：追加してみてください .css({display: 'initial'}).css({display: ''})

<script>
$("button").click(function () {
    $("table").html("<tbody></tbody>").css({display:'initial'}).css({display: ''});
});
</script>

それがあなたのために働くことを願っています