在 Sencha Touch 2 中屏蔽 Flash 内容

Posted

技术标签:

【中文标题】在 Sencha Touch 2 中屏蔽 Flash 内容【英文标题】:Mask blocking Flash content in Sencha Touch 2 【发布时间】:2012-05-24 03:04:33 【问题描述】:

我知道您不应该在 Sencha Touch 项目中使用 Flash 和 SWF。但我在一个项目中使用它,我们将在 Chrome 中使用 html5 Web 应用程序。

http://kachipun.se/sandbox/touch/

现在我遇到的问题是我在菜单中使用幻灯片,就像 Facebook 在他们的应用程序中使用的那样。而当你点击左上角显示菜单的时候,啊半透明的蒙版覆盖了主要内容。现在,在列表中的第二个菜单项下,我有一个带有 SWF 的 tabPanel。这个 SWF 现在不能交互了,因为主面板上有一个无敌的面具。但有趣的是,SWF 中的所有悬停效果都按预期工作,您只是无法通过单击前进..

那么我如何在不破坏菜单的情况下摆脱这个面具,或者它是我将主面板带到面具上的一种方式?我尝试了各种 z-index hack,但似乎没有任何效果!

我希望我已经把自己说清楚了,我感谢我能得到的所有帮助!

【问题讨论】:

【参考方案1】:

您应该手动移除遮罩。

如果它在视口中,请使用:

Ext.Viewport.setMasked(false);

如果它在一个 id 为 my-id 的容器中,则使用:

Ext.getCmp('my-id').setMasked(false);

【讨论】:

以上是关于在 Sencha Touch 2 中屏蔽 Flash 内容的主要内容,如果未能解决你的问题,请参考以下文章

无法在 Sencha-Touch2 中使用 Ext.Ajax 运行 javascript?

如何在 Sencha Touch 2 模型中存储日期

在 Sencha Touch 2 搜索列表中需要帮助

如何在 Sencha Touch 2 中使用 Sqlite

如何在 Sencha-Touch2.0 的地图中获取当前位置的标记

在 Sencha Touch 2.2.1 中运行应用程序示例时出现 JavaScript 错误