phonegap应用程序未在方向更改时更新样式

Question

我正在为Android和iOS设备构建一个phonegap应用。一切正常，但我有一个默认为100％宽度的弹出菜单。 它在纵向模式下覆盖了100％的宽度，但是当我将其更改为横向模式时，它会随机将纵向模式样式应用于弹出式窗口，而它恰好覆盖了它过去的宽度。

如何确保在更改方向后样式不会失败而得到更新？ 我能够在chrome开发工具模拟器，Android和iOS设备中重现这种情况。

下面的dom元素由Kendo创建。并且样式是动态生成的。

下面的样式是为人像模式生成的

这是针对风景模式的，它会引起问题。它非常随机，没有特定的模式。

Answer 1

目前，我找到了一种解决方法，即将高度设置为100％，并向左设置：0px，以获得所需的行为。尽管问题在于上面共享的dom元素是由kendo生成的，并且没有唯一的ID，所以我使用.closest来获取这些父元素。

剑道弹出框还具有打开事件，该事件有助于设置此样式。

onFooterOpen: function() {
        $( "#more-option" ).closest( ".k-animation-container" ).css("width","100%");
        $( "#more-option" ).closest( ".km-popup-wrapper" ).css("width","100%");
        $( "#more-option" ).closest( ".k-animation-container" ).css("left","");
}