空的CSS類僞不是在Safari

Question

與動態更新在這裏工作是example

table:empty { 
    display: none; 
} 

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

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

當動態更新的內容有：空僞類Safari瀏覽器無法正常工作。

適用於Chrome，但不適用於Safari。

任何想法？

Answer 1

類似的問題在這裏。 我設法使它僅僅通過「重置」的風格下工作： 嘗試添加.css({display: 'initial'}).css({display: ''})

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

希望它爲你工作