2014-03-07 158 views
0

在測試了簡單的jQuery彈出窗口,試圖在我的wordpress站點http://www.lawandahill.com/中實現,但彈出窗口在這裏不起作用。獲取錯誤"TypeError: $(…).dialog is not a function Error"後,刪除了重複的jQuery v1.9.1。jQuery彈出功能不起作用

現在我的網站有jquery-1.7.1.min.js

<script> 
    $(function() { 
    $("#dialog").dialog(); 
    }); 
</script>   

有人請幫助放在這個腳本。謝謝。

+0

'對話框()'方法是不是jQuery的一部分核心,你需要包含相關的插件(jQuery UI ???) –

+0

http://code.jquery.com/ui/1.10.4/themes/smoothness/jquery-ui.css和http://code.jquery。 com/ui/1.10.4/jquery-ui.js包含了這個簡單的工作在我的本地站點之一。 –

+0

因此,檢查您的控制檯/網絡選項卡,您沒有正確包括它,或者您通過包含多次jQuery –

回答

3

你必須下載jQueryUI去這裏http://jqueryui.com/download/你只能選擇你需要的模塊,在本例中是「對話框」。

+0

http://code.jquery.com/ui/1.10.4/jquery-ui.js,http://code.jquery.com/ui/1.10.4/themes/smoothness /jquery-ui.css包含已經謝謝x –

+0

然後確保你有對話模塊。 –

+0

我已經在我的本地站點測試了這個工作正常 –

1

也許這裏有jQueryWordpress之間的衝突,儘量做到:

jQuery(document).ready(function($) { 
    $("#dialog").dialog(); 
}) 

或包裝你的代碼閉包內:

(function($){ 
    $("#dialog").dialog(); 
})(jQuery); 
+0

不錯的語法,總是忘記這一個。但是,如果OP包含jQuery不止一個,我想不會解決問題,應該使用noConflict()。編輯:只是猜測,因爲我們不知道什麼OP做錯了 –

+0

沒有工作:(我另外兩個jquery jquery.blockUI.min.js?ver = 2.60和jquery.form.min.js?ver = 3.45.0- 2013.10.17,他們是否有衝突? –

+0

http://dpaste.com/1698694/這裏是我的控制檯錯誤 –