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

Question

我正在使用 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('打开');

Answer 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();