javascript - ionicModal 禁用点击事件

标签 javascript angularjs ionic-framework

ionic / Cordova /Angular/ios应用程序:

我正在使用 Angular-notify 来显示附加了 ng-click 事件的覆盖消息。它们显示良好,并且 ng-click 事件注册,除非 ionicModal 打开时 - 当它打开并且显示 Angular 通知消息时,我无法单击它。一旦我单击关闭模式(我必须单击我的通知,因为它覆盖了关闭按钮,但它仍然关闭模式),ng-click 就会再次注册。

我不确定如何测试这个理论,但感觉点击被 ionicModal 捕获或禁用。我可以做些什么(z-index 设置为 99999)来注册这些点击吗?

--更新(在 Chrome 中使用检查器进行测试)

元素的加载顺序似乎并不重要。无论是模式、通知覆盖还是弹出窗口首先加载,问题仍然存在。

我的通知叠加层的点击事件将被切断,直到模式和/或弹出窗口被关闭。

当我查看 DOM 检查器时,我看到在弹出窗口或模式实例化时创建了一些 div。这个:

<div class="click-block click-block-hide"></div>

看起来它可能会导致我的问题,但它位于 DOM 中较低的位置,当我删除该元素(在 Chrome Inspector 中)时,它并不能解决我的问题。

无论我设置什么 z-index 或在 DOM 中将元素移动到何处(通过检查器)或删除哪些背景 div 元素,我仍然无法单击我的通知,直到所有弹出窗口/模式都被关闭。

有什么想法吗?

最佳答案

你能更好地解释一下布局吗? ionicModal 是否位于消息之上?或者它们并排?

如果模态框位于消息上方,则这是 z-index 的问题。您需要确保正在使用的类的 z 索引不会覆盖 z 索引 99999。

关于javascript - ionicModal 禁用点击事件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36295476/

相关文章:

css - 如何固定第二列的位置?

angularjs - 如何在 Cordova InAppBrowser 中添加自定义错误页面或隐藏错误 url?

javascript - 引用未定义 react

javascript - SceneNode(层)、Deep Zoom Composer 和 Seadragon Ajax

javascript - 使用 jquery 和 css 在点击时展开 div

javascript - Angular 中的 Pubnub 聊天

javascript - 服务的 Angular 动态属性

ionic-framework - 无法解析存储 : (? 的所有参数)- Angular JWT 应用程序模块

ionic-framework - ionic 输入并排选择

javascript - 如何检测整个表单是否失焦?