jquery - iOS 7 Safari jquery text() 未呈现

Question

我在用

$('.profile-block .first-name').text(profile_user.first_name)

设置我的文本

<h2 class="name">
    <span class="first-name"></span>
    <span class="last-name"></span>
</h2>

但文本没有被呈现

我正在使用 iOS 7.0 及其 Safari 应用程序。

当我打开我的网络检查器并强制元素重新渲染（如更改字体大小）时，开始编辑任何 css，文本将可见。

我想出了一个放入节点的解决方案

<span class="first-name">&nbsp;</span>

然后文本被渲染....

为什么会这样？

Answer 1

所以你可以做一些非常讨厌的事情（我还没有找到更好的方法）来强制浏览器重新流动：

var forceReflow = function(el) {
    el = el || document.body;
    el.style.position = 'static';
    setTimeout(function() {
        el.style.position = 'relative';
    }, 0);
}

这应该可以解决您的问题。虽然它不是在 上做的最好的表现body，所以也许可以传入.profile-block