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中。