Javascript - 在display：block时执行代码

Question

有没有办法等待在执行JS之前显示特定的选项卡/面板（显示：块）？

类似的东西：

$document.getElementById( '#panel1' ).style.display = 'block' {
// Run code //
}

Answer 1

目前还没有可靠的跨浏览器方法来通过JavaScript监听对CSS属性的更改。相反，您需要设置display: block的任何脚本在完成后运行其他代码。

例如：

function showPanel() {
   document.getElementById( '#panel1' ).style.display = 'block';
   // Run code //
}

或者使用jQuery：

function showPanel() {
   $('#panel1').show();
   // Run code //
}

正如Jared Farrish在另一篇评论中所提到的，你可以查看MutationObserver。但是，它不适用于旧的浏览器，例如IE＆lt; 11，或在某些移动设备上。