jQuery UIダイアログ右上のボタンを表示しますが、xは表示されません

Question

さまざまなバージョンのChrome間で奇妙な動作が起こる。私の開発マシンでは、Chromeバージョン13.0.782.32 beta-mを使用しています。私のテスターの1人がバージョン8.xxxを使用しています。私はダイアログを表示するためにjQuery UIを使用しています。 chrome 13.xxxではすべてが正常に表示されます。クロム8.xxxでは、右上のボタンは表示されません。

ここに私のコードの例を示します。私たちはコードを名前空間にするためにオブジェクトリテラルを使用しています。

var ourAppName = {}; 

ourAppName.displayDialog = function (title, body, defaults) { 

    var html = '<div style="display:none;">' + ((body != undefined || body != null) ? body : 'No body (message) provided') + '</div>'; 

    $(html).appendTo('body').dialog(
     { 
      height: (defaults != undefined || defaults != null) ? (defaults.height === undefined ? 105 : defaults.height) : 105, 
      width: (defaults != undefined || defaults != null) ? (defaults.width === undefined ? 640 : defaults.width) : 640, 
      modal: (defaults != undefined || defaults != null) ? (defaults.modal === undefined ? true : defaults.modal) : true, 
      position: (defaults != undefined || defaults != null) ? (defaults.position === undefined ? 'center' : defaults.position) : 'center', 
      autoOpen: (defaults != undefined || defaults != null) ? (defaults.autoOpen === undefined ? false : defaults.autoOpen) : false, 
      title: (title != undefined || title != null) ? title : 'No title provided', 
      closeOnEscape: (defaults != undefined || defaults != null) ? (defaults.closeOnEscape === undefined ? true : defaults.closeOnEscape) : true, 
      resizable: (defaults != undefined || defaults != null) ? (defaults.resizable === undefined ? false : defaults.resizable) : false, 
      draggable: (defaults != undefined || defaults != null) ? (defaults.draggable === undefined ? false : defaults.draggable) : false, 
      overlay: (defaults != undefined || defaults != null) ? (defaults.overlay === undefined ? { opacity: 0, background: '#000000'} : defaults.overlay) : { opacity: 0, background: '#000000' }, 
      buttons: (defaults != undefined || defaults != null) ? (defaults.buttons === undefined ? { } : defaults.buttons) : { } 
     } 
    ).dialog('open').show(); 

}; 

その後、別のJSファイルの私のバインドされたクリックイベントでは、私は、これはクロムのバージョンで何かだろ

$("[id$=_DownloadFileLinkButton]").click(function() { 
    ourAppName.displayDialog(
     "Downloading", 
     "<div style='padding-top:28px;'>Your download will begin momentarily.</div>", 
     { 
      height:20 
     } 
    ); 
}); 

を持っているか、それは私のコードで何かありますか？

UPDATE：まだでも、Chromeの最新バージョンで起こるよう

が見えます。奇妙なのは、ログインした後初めて初めて発生するようです。私がページをリフレッシュするか、別のページに移動すると、xがそこにあります。

Answer 1

それ以降のバージョンで動作するのはおそらくChromeの問題です。 Chrome 8でhttp://jsfiddle.net/SEBNv/を使用するだけで、アイコンが表示されるページ上の要素を調べて、アイコンがひどく配置されているか、何らかの形で隠れているかどうかを確認してください。