2014-09-22 28 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();