1

jQueryダイアログのタイトルバーで、タイトルテキストを左に揃え、テキストを右に閉じようとしています。IE6と7を除いて、テストしたすべてのブラウザーで機能します。IE6/ 7では、閉じるテキストは右揃えになりますが、タイトルテキストの下に線が表示され、ダイアログのタイトルバーの外側にあるため、表示されません。以下の画像を参照してください： https ：//docs.google.com/document/d/1B-syu0IiTh27kb4D9nXhfZkpjACgZnOWIPDhOTRdMWQ/edit

これが使用しているコードです

/**IE 7 has a ui dialog positioning issue with jquery UI 1.8 above , the below seems to solve it **/
.ui-dialog{ position: absolute;  width: 100%;}


.ui-icon  
{
  background-image: url("") !important; 
  text-align: right;
}
.ui-dialog-title-dialog 
{
  float: left;
}
.ui-dialog-titlebar-close
{
  font-size: 16px;
  float: right;
}

.ui-dialog-title
{ 
  font-size: 16px;
  padding: 4px;
  padding-right: 50px;
}

.ui-dialog-titlebar
{
  padding: 4px;
  background-color : #FFF;
}

$("#dialog").dialog({ autoOpen: false, width: area.width, height: area.height, modal: true, closeText: "閉じる", title: '<a href="#" id="hideAll">説明を非表示</a> ' });
4

1 に答える 1

0

ダイアログの幅に基づいてjqueryとパディングを使用してこれを解決しました。最善の解決策ではありませんが、機能します。

$('.ui-dialog-title').css("padding-right", (dialog.width - closeTextWidth) + "px");
于 2012-05-22T10:49:41.630 に答える