jQuery改變了page-break-inside in break-inside

Question

首先，我為奇怪的英語道歉。

我正在使用Jquery 1.9和Chrome 70，Extjs 4

我只是使用jQuery函數css（）來'page-break-inside：avoid'

但元素樣式改為'break-inside：avoid'

嘗試

 $($(tr).find('iframe').contents()).find('table').each(function(index,tableDOM){
        $(tableDOM).css('page-break-inside','avoid');
 });

預期

<table border="1" cellpadding="1" cellspacing="1" style="width:500px; page-break-inside:avoid">

結果

<table border="1" cellpadding="1" cellspacing="1" style="width:500px; break-inside:avoid">

我不知道為什么會這樣。 我需要'page-break-inside'而不是'break-inside'，因為evopdf不認識'break-inside'

我可以錯過什么嗎？

我很感激你的幫助。 謝謝

Answer 1

確實非常奇怪。 如果使用.attr()手動設置屬性style ，則可以解決此問題

$(tableDOM).attr('style','page-break-inside:avoid');

 //$('table').css('page-break-inside','avoid'); $('table').attr('style','page-break-inside:avoid; width:500px;'); 

 table { border: 1px solid grey; border-collapse: collapse; } td,th { border: 1px solid grey; padding: 10px; } 

 <table> <tr><th>a</th><th>b</th><th>c</th><th>d</th><th>e</th></tr> <tr><td>0</td><td>1</td><td>2</td><td>3</td><td>4</td></tr> </table> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>