如何清除Jquery Mobile Dialog的页面背景？ [英] How to remove page background for Jquery Mobile Dialog?

问题描述

对话框本身只占页面的大约10％，我想删除或将对话框的页面背景变成透明的，以便上一页仍然可见。

The dialog itself only occupies about 10% of the page and I wanted to remove or turn the dialog's page background into transparent so that the previous page will still be visible.

这是调用对话框的js：

This is the js that calls the dialog:

$.mobile.changePage('#popdiv',{transition:'slide', role:'dialog'});

这是div

<div data-role="page" id="popdiv" data-role="page"  data-theme="e">        
  <div data-role="content">
  <h1>Congrats!</h1>
  </div>
</div>

我尝试使用自定义CSS，但似乎没有更改任何内容

I tried using custom css but it doesn't seem to change anything

div#popdiv {
   background: none; // i also used background-image and color and set it to none
}

和这是我如何声明css和js

and this is how i declared the css and js

<custom css>
<jquery mobile css>
<jquery min.js>
<phonegap.js>
<custom.js>
<jquerymobile.js>

请帮忙。非常感谢。

推荐答案

我发现这个：

https://github.com/jtsage/jquery-mobile-simpledialog

这是一个jQuery的移动插件，这是我完全想要的。 ：）

This is a jquery mobile plugin and it's what I exactly want. :)

这篇关于如何清除Jquery Mobile Dialog的页面背景？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！