0

ダイアログを表示し、基本的にユーザーに待機を示すスピナーである .gif 画像を表示するために、このようなことをしています。

$("#loading").dialog({
                height: 140,
                width:160,
                modal: true,
                resizable : true,
                draggable : true,
                closeOnEscape: false
           });

$(".ui-dialog-titlebar").hide();   //No title bar
$(".ui-dialog").css("padding","0px");  //Remove extra spacing

このコードは、スピナーを表示し、タイトル バーを非表示にしますが、背景画像を削除しないため、見苦しく見えます。jQueryを使用して背景を取り除く方法はありますか?

他のダイアログを標準に見えるようにしたいので、css をあまりいじりたくありません。

ありがとう！

4

3 に答える 3

2

どの要素に背景画像があるかわかりません。背景画像を取り除く一般的な方法は次のとおりです

$(SELECTOR).css('background', 'none');

また

$(SELECTOR).css('background-image', 'none');
于 2012-09-23T15:30:48.557 に答える
1

使用できます

.dialog( "close" )

参照：

http://jqueryui.com/demos/dialog/#method-close

編集：

あなたがまだそれを表示したくないのでなければ、それは私が質問を誤解したことを意味します（申し訳ありません）。背景を取得しないために、次の行に沿って何かを行うことができます。

jQuery UI ダイアログ オーバーレイ

于 2012-09-23T15:27:30.853 に答える
0

これは私にとってはうまくいきました：

jQuery UI:

$("#div_loading").dialog({
  autoOpen:      false,
  modal:         true,
  dialogClass:   "no-close",
  draggable:     false,
  resizable:     false,
  closeOnEscape: false,
  width:         "auto",
  height:        "auto"
});

//This removes the title bar
$(".ui-widget-header").css("background", "none");
$(".ui-widget-header").css("border", "none");

//This removes the background
$(".ui-widget-content").css("background", "none");
$(".ui-widget-content").css("border", "none");

注:autoOpen: falseボタンがクリックされたときにのみダイアログが開かれるため、使用します。

HTML:

<div id="div_loading" >
  <img alt="" src="ajax-loader.gif">
</div>
于 2013-03-12T00:35:33.623 に答える