無法使用JQuery-UI顯示模型對話框

Question

在嘗試執行更困難的任務之前，我試圖顯示一個模式對話框作為測試運行。 但是，由於從演示站點復制的代碼在本地設置和運行時無法正常工作，因此我似乎做錯了。

這是我的資料來源：

<html>
    <head>
        <script type="text/javascript" src="lib/jquery/js/jquery-1.3.2.min.js"></script>
        <script type="text/javascript" src="lib/jquery/js/jquery-ui-1.7.2.min.js"></script>
        <script type="text/javascript">
            $(document).ready(function() {
                var $dialog = $('<div></div>')
                    .html('This dialog will show every time!')
                    .dialog({
                        autoOpen: false,
                        title: 'Basic Dialog'
                });

                $('#opener').click(function() {
                    $dialog.dialog('open');
                });
            });
        </script>
    </head>
    <body>
        <button id="opener">Press</button>
    </body>
</html>

到目前為止，我主要是認為問題可能是與引入外部庫的方式有關的相對路徑問題。 但是我嘗試了變化，但沒有任何變化。

我還是Java語言的新手，所以我在這里可能做得很不熟練。 任何幫助，將不勝感激。 謝謝。

Answer 1

您可以嘗試首先嘗試為CSS添加鏈接標記的一些方法

<link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.1/themes/base/jquery-ui.css" type="text/css" rel="stylesheet"/>

其次，確保在自定義ui js包中選擇了對話框組件。

Answer 2

$(document).ready(function() {
  var $dialog = $('<div></div>').appendTo(document.body);
});

無法使用JQuery-UI顯示模型對話框

問題描述

2 個解決方案

解決方案1
1 已采納 2009-12-20 06:20:36

解決方案2
0 2009-12-20 06:12:17

無法使用JQuery-UI顯示模型對話框

問題描述

2 個解決方案

解決方案1 1 已采納 2009-12-20 06:20:36

解決方案2 0 2009-12-20 06:12:17

解決方案1
1 已采納 2009-12-20 06:20:36

解決方案2
0 2009-12-20 06:12:17