jquery - Kendo UI Mobile - 在 JQuery 中删除时，CSS 属性会在 View 转换时重置

Question

目前，我正在通过在我的 css 文件中应用以下 css 规则来处理我的 kendo 移动网络应用程序的无样式内容的闪烁:

[data-role="content"]
    { 
    visibility: hidden;
    }

这将我的所有内容隐藏在我的剑道 View 中，然后在 JQuery“加载”事件中，我删除了上面的 css 属性:

$(window).bind("load", function () {
    // flicker of unstyled content
    $("[data-role=\"content\"]").css("visibility", "visible");
});

一切正常，我对此没有任何问题，除了使用 kendo 的 View 转换时。

当我使用 slide:left 过渡时，我的 css 文件中定义的原始 visibility: hidden; 被重新应用，导致所有内容都不可见。

发生这种情况是否有原因，特别是剑道以及它如何处理 View 和转换？我知道我可以手动添加一个带有 visibility: hidden; 的类到每个 data-role="content" 元素，然后在 jquery 的“加载”事件中删除该类处理程序，但我希望我的解决方案不那么“硬编码”。

谢谢。

Answer 1

data-role=content 属性在 View 初始化时设置 - 因此您的加载事件处理程序不会影响所有 View (除非您手动设置了 data-role=content)。

您可以考虑改为隐藏应用程序容器。