jQuery UI元素未顯示在Facebox中

Question

我正在制作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' });

 });
 });

提前致謝。

Answer 1

我找到了解決方案，但不是一個好的解決方案。 我僅創建了一個僅包含jquery ui元素的單獨頁面。 然后，我將該頁面加載到有面框的頁面內的iframe中。