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

问题描述

对话框本身只占页面的 10% 左右，我想删除对话框的页面背景或将其变为透明，以便上一页仍然可见.

这是调用对话框的js:

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

这是 div

<div data-role="内容"><h1>恭喜！</h1>

我尝试使用自定义 css 但它似乎没有改变任何东西

div#popdiv {背景:无；//我还使用了背景图像和颜色并将其设置为无}

这就是我声明css和js的方式

<自定义css><jquery移动css><jquery min.js><phonegap.js><custom.js><jquerymobile.js>

请帮忙.非常感谢.

解决方案

我发现了这个:

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

这是一个 jquery 移动插件，这正是我想要的.:)

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.

This is the js that calls the dialog:

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

and this is the div

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

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
}

and this is how i declared the css and js

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

Please help. many thanks.

解决方案

I have found this:

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

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

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