jQueryUI對話框不工作在通過jQuery.load加載頁面

Question

我試過jQuery UI對話框的示例代碼，並得到它的工作 - 將該文件保存爲page1.html。然而，當我試圖通過jQuery.load將該頁面加載到PHP頁面的容器div（數據容器）時，page1將無法工作，甚至顯示應該隱藏的所有內容。

這兩個頁面都有一組css和js。有沒有辦法讓那些css/js不妨礙對方的頁面？或者當你使用jquery的加載函數時，加載的頁面使用父（PHP頁面）加載的css/js？如果是這樣的話，我該如何解決這個問題？

謝謝。

Answer 1

Got it！在接受了上述評論中anpsmn的建議之後，因爲它在此之後仍然沒有工作，我所做的是，我將page1.html中的對話框的css/js引用移至了父頁面（PHP頁面）。

因此，包含此代碼的JS：

$('#data-container').load('page1.html', function() { $("#dialog").dialog(<my dialog stuff>); }); 

被轉移到從父頁面（PHP頁）引用，而不是page1.html。我認爲這是有道理的，因爲對話框在頁面（page1.html）加載到父頁面後被初始化。

感謝您在這裏提出我的第一個問題一個很好的經驗。希望瞭解更多，並希望能夠回答一個問題，然後再回答一些問題。 ^^;