jQuery的ui對話框顯示右上角的按鈕，但是沒有x按鈕

在不同版本的Chrome之間出現奇怪的行爲。在我的開發機器上，我使用的是Chrome 13.0.782.32 beta-m版本，我的一個測試人員正在使用版本8.xxx。我正在使用jQuery UI來顯示對話框。在鉻13.xxx一切都顯示正常。在chrome 8.xxx中，不顯示右上角的按鈕。jQuery的ui對話框顯示右上角的按鈕，但是沒有x按鈕

這是我的代碼的一個例子。我們使用一個對象字面來命名我們的代碼。

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：

看起來仍然即使在鍍鉻的最新版本的發生。奇怪的是，它只是在登錄後第一次出現。如果我刷新頁面或導航到不同的頁面，x就在那裏。

來源

2011-06-23 developerdoug

此外，是否真的需要支持Chrome 8仍然？ – andyb

你是如何保持Chrome 8的？那臺機器沒有互聯網連接嗎？ – configurator

測試儀具有便攜式版本。不知道它是否可以更新，我一直認爲它會自動更新，所以長話短說，不確定。在意識到他的版本有多舊後，我告訴他更新。我不知道他有一箇舊版本。 – developerdoug

這可能是Chrome的問題，如果它在更高版本中工作。只需在Chrome 8中使用http://jsfiddle.net/SEBNv/，檢查圖標所在頁面上的元素，然後查看圖標是否位置嚴重或以某種方式隱藏。

來源

2011-06-23 19:50:20 andyb

真棒，我會試試看。謝謝。 – developerdoug

jQuery的ui對話框顯示右上角的按鈕，但是沒有x按鈕

回答

相關問題