向推特帖子弹出屏幕添加不透明黑屏

Question

我想在帖子推特弹出屏幕弹出时添加一个不透明的黑屏。这是我当前用于打开弹出式帖子屏幕的代码，效果很好。我只想在弹出窗口后面添加一个不透明的黑屏，然后让它在关闭弹出窗口时重新加载页面，或者在将推文发布到 Twitter 后删除黑屏。

代码：

<script>
    $('.popup').click(function(event) {
        var width  = 575,
        height = 400,
        left   = ($(window).width()  - 575)  / 2,
        top    = ($(window).height() - 400) / 2,
        url    = this.href,
        opts   = 'status=1' +
            ',width='  + width  +
            ',height=' + height +
            ',top='    + top    +
            ',left='   + left;

        window.open(url, 'twitter', opts);

        return false;
    });
</script>

Answer 1

如果你正在使用 twitters 网络意图，我猜你可以使用 setinterval 来检查是否存在在发布帖子后显示/添加到弹出窗口 dom 的内容（即，如果在发布到 twitter 后显示在弹出窗口中，则显示“你的帖子已经发布”（例如）然后你反复检查那个 dom 元素的值（当弹出窗口打开时（诚然，这可能是一种更优雅的方式），当这个值出现时，你可以优雅地隐藏弹出窗口和覆盖使用类似的东西

$('#twitter, #overlay').fadeOut();