Jquery UI 元素未显示在 Facebox 中答案

【问题标题】：Jquery UI Elements Not Showing in a FaceboxJquery UI 元素未显示在 Facebox 中
【发布时间】：2013-03-27 00:38:34
【问题描述】：

我正在制作一个 rails 3.1 应用程序。在那个应用程序中，我一直在使用运行良好的面部框，不幸的是，我无法让 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 });

});
});

facebox里的erb码是这个

<h1> Congrats </h1>

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

Facebox 是这样调用的

 $(document).ready(function() {

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

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

 });
 });

提前致谢。

【问题讨论】：

【解决方案1】：

我找到了一个解决方案，但不是一个好的解决方案。我只创建了一个仅包含 jquery ui 元素的单独页面。然后我将该页面加载到 faceboxed 页面内的 iframe 中。

【讨论】：