2011-03-23 63 views
1

我對jQuery非常陌生,儘管對於JavaScript來說並不陌生。我正在嘗試使用UI對話框小部件。我已經下載了一個.min.js文件,其中包含對話框小部件和其他一些小部件,並且已經有核心.min.js。jQueryUI對話框(模態窗體)演示代碼不起作用

我直接從UI doc for modal form複製演示代碼,並將其粘貼到一個純html文件中。點擊按鈕不起作用;什麼都沒發生。

任何人都可以告訴我,如果還有其他事情需要我使用演示代碼嗎?我該如何在Chrome中調試這個jQuery的東西? (我已經安裝了FireBug Lite;只是還沒弄清楚如何將它用於jquery。)

我可以發佈代碼片段,如果任何人都可以告訴我特定的東西來尋找,但整個HTML文件,儘管簡單,但超過100行。這是link to my sample

回答

1

$( 「#創建用戶」).button不是一個函數

它應該是

$("#create-user").click(function(){..... 
+0

其實按鈕顯然是最新版本的jquery中的一個函數,我剛剛發現它(http://stackoverflow.com/questions/3019486/help-with-hello-world-jquery-ui-modal-form) 。 – EmmyS 2011-03-23 20:07:41

+0

是的,但自1.8以來,你正在使用1.7.3 – sharpner 2011-03-23 20:08:49

+0

是的,我明白了。不幸的是,jqueryui聲稱v1.8是針對jquery1.3.2 +的。我們在1.3.2上,所以我想我可以使用鏈接而不是按鈕。 – EmmyS 2011-03-23 20:14:16

0

.button()通話來看,你忘了,包括到jQuery UI的一個參考。

+0

不確定你的意思。你可以從src看到我正在加載jquery-ui-1.7.3.dialog.min.js,這是jqueryui的一個自定義下載。 – EmmyS 2011-03-23 20:06:51

+1

.button is jquery ui 1.8 http://blog.jqueryui.com/2010/03/jquery-ui-18/ – sharpner 2011-03-23 20:09:08

+1

@EmmyS,我的錯。我認爲問題在於你的自定義下載,那麼'.button()'不起作用,因爲你沒有正確的依賴關係。嘗試刪除js文件,並將其替換爲http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js和此https://ajax.googleapis.com/ajax/libs /jqueryui/1.8.10/jquery-ui.min.js – Brandon 2011-03-23 20:09:27