Android应用程序的jQuery移动弹出透明紫色框问题

Posted 2023-05-09

【中文标题】Android应用程序的jQuery移动弹出透明紫色框问题

【英文标题】：jQuery mobile popup transparent purple color box issue with Android app

【发布时间】：2014-11-15 23:56:06

【问题描述】：

我正在使用 jQuery mobile 和 phonegap 开发一个 android 应用程序。我使用 jQuery 移动弹出窗口在应用程序中显示弹出窗口。问题是当我打开弹出窗口时，它会被我不想要的透明紫色框突出显示。这个透明的紫色盒子怎么去掉？

截图链接： https://docs.google.com/file/d/0BwIDqcJXVfuAdm96SHc1c0liT1U/edit?usp=docslist_api

弹出窗口的 html：

    <div data-role="popup" id="popupCloseRight" class="ui-content" style="max-width:280px">
                        <a href="#" data-rel="back" class="ui-btn ui-corner-all ui-shadow ui-btn-a ui-icon-delete ui-btn-icon-notext ui-btn-right">Close</a>
                        <p>Please enter list name.</p>
                    </div>

javascript 打开弹出窗口： $('#popupCloseRight').popup('open');

【问题讨论】：

检查您的 css 文件。并发布一些与popup相关的html代码。

只需在浏览器上打开您的页面并检查它。这样您就会看到您的 css 将适用于此弹出窗口。

@BornToWin 它在我电脑上的浏览器中正常工作。 PC浏览器中没有透明的紫色框，但问题是当我将它作为android应用打开时。

这很奇怪。安卓上是否有开发者工具可以检查 CSS 属性，或者如果你不使用模拟器到 PC 上调试，可以插入手机？

@MysticMagic 我在上面发布了 HTML 并且 css 未修改 jquery.mobile-1.4.4.css at code.jquery.com/mobile/1.4.4/jquery.mobile-1.4.4.css

【参考方案1】：

我在我的 Android 平板电脑（Android 版本 4.2.2）上遇到了这个问题，但在我的手机（Android 版本 4.1.2）上没有。我发现这个链接很有帮助：

https://github.com/jquery/jquery-mobile/issues/7533

我只在 jquery.mobile-1.4.4.js 中评论了这一行，现在它正在工作：

this._ui.container.attr( "tabindex", "0" ).focus();