Jquery UI元素不顯示在FaceBox中

Question

我正在製作一個rails 3.1應用程序。在那個應用程序中，我一直在使用工作得很好的facebox，不幸的是我無法在facebox中顯示一個jQuery UI元素。如果我導航到面板中的頁面jquery ui完美地工作。

這是我到目前爲止已經試過，我把這個包含facebox鏈接

$(document).ready(function() { 

$("#progressbar").progressbar({ value: 37 }); 


}); 

我也嘗試過載facebox

我內頁上完全相同的代碼在頁面上「以前也試過這種

$(document).ready(function() { 
$("body").on("load", "#progressbar", function(){ 

$("#progressbar").progressbar({ value: 37 }); 

}); 
}); 

在facebox的ERB的代碼是這樣

<h1> Congrats </h1> 

<div id="progressbar"></div> 

而且Facebox被稱爲像在推進這一

$(document).ready(function() { 

$("#userform2").submit(function() { 

jQuery.facebox({ ajax: '/users/award' }); 

}); 
}); 

感謝。

Answer 1

我找到了一個解決方案，但不是一個好的解決方案。我已經去創建一個單獨的頁面，只包含jquery ui元素。然後，我將該頁面加載到faceboxed頁面內的Iframe中。