Javascript 更新元素的文本会使其消失

在Chrome 27（Windows）中，当我更新特定元素的文本时，文本将完全消失，直到我将其“刷新”，但更改任何元素或窗口大小或任何内容的CSS

Firefox还不错，还没有尝试过任何其他浏览器或操作系统。我怀疑这是一个特定于Chrome的bug。我只是想确保我不会发疯

我正在使用：在某些地方使用CSS3转换；web字体（在没有它们的情况下进行测试，但仍然存在）；嵌套位置：固定和z索引

这类似于当我禁用web字体时（并退回到Arial然后是无衬线字体），它仍然会发生。我怀疑这与我正在进行的分层和CSS3转换有关

元素更新是此容器中的一个DIV：

NAV {width:100%;height:50px;position:fixed;top:0;left:0;z-index:110;padding:15px 0;text-shadow:1px 1px 2px #FFF;font-size:110%;font-weight:500;color:#565656}

它被包装在父页面中：

#pages {width:100%;position:relative;overflow-x:hidden}

#pages .page {width:100%;height:100%;position:absolute;top:0;left:0;padding-top:50px;-webkit-transition:all 0.5s ease-in-out;-moz-transition:all 0.5s ease-in-out;-o-transition:all 0.5s ease-in-out;-ms-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out}

我仅在设置页面输入/输出动画时应用CSS3变换，但在变换完成后会出现错误：

#pages .page.left {-ms-transform:translateX(-100%);-o-transform:translateX(-100%);-moz-transform:translateX(-100%);-webkit-transform:translateX(-100%);transform:translateX(-100%)}
#pages .page.right {-ms-transform:translateX(100%);-o-transform:translateX(100%);-moz-transform:translateX(100%);-webkit-transform:translateX(100%);transform:translateX(100%)}

更新文本的代码（已修剪）：

---

对不起，我还没有演示给你看。如果你需要更多的代码，请在评论中告诉我（我相信你无论如何都会这么做）。我省略了HTML，因为我认为除非你真的想看它，否则它是无关紧要的。

你能发布更新文本的代码吗？@JonKoops补充道。真正的函数要长得多，而且冗长得多，所以我希望这就足够了。@Jared如果在使用它而不是更长的版本时仍然出现这种行为，那么修剪过的函数就足够了。“是这样吗？”ASGM说得对。已经确认：错误仍然存在。

$('.page[data-page="Game"]').find('NAV .title').text('My text');