Javascript-在显示时执行代码：块

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 <11等较旧的浏览器或某些移动设备上运行。