Javascript Jquery UI元素未显示在Facebox中

我正在制作一个rails 3.1应用程序。在那个应用程序中，我一直在使用facebox，它工作得很好，不幸的是，我无法在facebox中显示jquery ui元素。如果我导航到facebox中的页面，jquery ui就可以完美地工作

这是我到目前为止尝试过的，我把它放在包含facebox链接的页面上

$(document).ready(function () {

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


});

我还在facebox中包含的页面上尝试了完全相同的代码

我也试过这个

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

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

});
});

面框中的erb代码如下

<h1> Congrats </h1>

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

---

提前谢谢。

我找到了一个解决办法，但不是一个好办法。我只是创建了一个单独的页面，其中只包含jQueryUI元素。然后，我将该页面加载到faceboxed页面内的Iframe中

 $(document).ready(function() {

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

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

 });
 });