2012-02-28 68 views
1

我正在使用jquery對話框,但dialog.open()不顯示對話框。 (該網站只適用於IE 7 & 8,所以我不能看到對話框是否實際顯示。)JQuery模態對話框未打開或顯示

我已經確保這些依賴關係可用:jquery-ui.css;的jquery-UI-1.8.16.custom.min.js; https://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js

在標記:我會在文件準備好方法對話框:

變量$對話框;

$(document).ready(function() { 
    $dialog = $("#dialog") 
     .dialog({ 
      autoOpen: false, 
      title: 'My Modal Dialog', 
      position: 'center', 
      modal: true, 
      closeOnEscape: true, 
      buttons: [{ text: "Close", click: function() { $(this).dialog("close"); } }] 
     }); 
}); 

另一個JavaScript函數包含這些行到「開放」的對話框。當我檢查的對話框中,它是一個對象,但我從來沒有看到它。

function showDialog() { 
    $dialog.html("Hello World"); 
    $dialog.dialog('open'); 
} 

代碼看起來聲音,在另一個我工作過的項目中,工作順利,所以這讓我認爲它是開放的,但是由於某種原因我看不到它,有沒有人遇到過這個問題,或者找到了解決方案?

謝謝你提供的任何幫助。

回答

1

您是否製作父元素:

<div id="dialog">.. 

的文件?

+0

我沒有使用父元素,在這個例子中或者在這個代碼沒有工作的頁面的標記中。另外,我還沒有看到jQuery對話框的其他「成功」實現使用父元素。我如何將一個元素指定爲$對話框的父項? – user874705 2012-02-28 20:05:49

+0

這裏寫着:'$ dialog = $(「#dialog」)' - 用id爲「dialog」的元素創建對話框。你需要在你身體的任何地方都有'

'。 – 2012-02-28 20:17:31

+0

謝謝,那是問題所在。 (我想知道爲什麼對話在我的調用函數中顯示爲一個有效的對象?) – user874705 2012-02-28 20:44:17