2014-09-22 44 views
2

我正在使用jQuery移动和phonegap一个android应用程序。我已经使用jQuery的移动弹出来显示在应用程序弹出。问题是当我打开弹出框,然后突出显示我不想要的透明紫色框。如何删除这个透明的紫色框?jQuery移动弹出与Android应用程序的透明紫色框问题

截图链接: 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')弹出( '开放');

+1

检查你的CSS文件。并发布一些与弹出相关的html代码。 – 2014-09-22 05:21:21

+1

只需在浏览器上打开你的页面并检查它,你就会看到你的css将要申请这个弹出窗口。 – 2014-09-22 05:32:52

+1

@BornToWin它在我的电脑浏览器上正常工作。 PC浏览器没有透明的紫色框,但问题是当我打开它作为Android应用程序。 – shuklendu 2014-09-22 08:03:58

回答

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