更改navigator.notification.confirm背景颜色(白色到黑色)

时间:2013-09-10 09:35:09

标签: javascript jquery css3 jquery-mobile cordova

我正在使用原生应用程序(适用于Android,IOS,BB10和& BB7)使用

jquery.mobile-1.2.1.min.css

jquery-1.8.3.min.js

jquery.mobile-1.2.1.min.js  和 我的申请中cordova.js

我的代码看起来像

<!--My Script Tag Code-->
<script>
document.addEventListener("deviceready", loaded, false);
function loaded(){
alert("device is ready");
}
  function MamWorkDone(){
    navigator.notification.confirm("Are you sure you want to exit ?", onConfirm, "RoomsTonite", "Yes,No");
    function onConfirm(button) {
    }
  }
</script>


<!--My Html5 Code Looks like-->

 <body> 
  <div data-role="page">

      <div data-role="header" >
         <h1>Page Title</h1>
      </div>   <!-- /header -->

      <div data-role="content"> 
         <a href="#" data-role="button" id="btn_id" data-inline="true" onclick="MamWorkDone();" >Clear the Code</a>
      </div>   <!-- /content -->

      <div data-role="footer">
         <h4>Page Footer</h4>
      </div>   <!-- /footer -->
  </div>   <!-- /page -->

  </body>

此代码能够显示确认对话框,其类似于enter image description here

此处我的确认对话框正在进入白色背景但我希望此确认对话框为黑色背景和文本颜色白色而不是黑色? 请帮我解决这个问题? 在此先感谢

1 个答案:

答案 0 :(得分:1)

我想我们无法更改背景和文本,因为它是特定平台的默认设置。就像Android一样,它看起来像这样,对于iOS来说它看起来会有所不同。

因此,要制作自定义警告框,您可以使用jAlert或jquery移动弹出窗口。

http://www.smooka.com/blog/2009/02/22/jalert-jquery-alert-box-plugin/

http://jquerymobile.com/demos/1.2.0/docs/pages/popup/