0
當我打開jquery對話框時,一切正常,直到我嘗試關閉它,無論是通過選擇一個用戶還是按下escape。然後,jquery對話框消失,但模式選項中的陰影/遮罩不會消失。我強迫我的應用程序使用Jquery 1.8.3,它工作得很好。我找不到會做什麼改變。任何幫助真棒謝謝!當關閉Jquery對話框時,來自模式的陰影不會消失
$("#user_id_mask").focus(function()
{
$("#user_selection_dialog").dialog(
{
width: 500,
height: 400,
modal: true
});
});
$("#first_name").keyup(function()
{
if($.trim($(this).val()).length >= 2)
$.get("/admin/users/get_options?first_name=" + $.trim($(this).val()) + "&last_name=" + $.trim($("#last_name").val()), updateUserResults);
});
$("#last_name").keyup(function()
{
if($.trim($(this).val()).length >= 2)
$.get("/admin/users/get_options?last_name=" + $.trim($(this).val()) + "&first_name=" + $.trim($("#first_name").val()), updateUserResults);
});
$("#user_search_results").on("click", "tr", function(event)
{
$("#<%= f.object.class.to_s.underscore %>_user_id").val($(this).data("userId"));
$("#user_id_mask").val($(this).data("label"));
$("#user_selection_dialog").dialog("close");
});
function updateUserResults(data)
{
if(!data)
{
$("#user_search_results").empty();
$("#user_search_results").append("<tr><td colspan='5'>No results</td></tr>");
}
else
{
$("#user_search_results").empty();
for(var i in data)
{
$("#user_search_results").append("<tr data-user-id='" + data[i]["id"] + "' data-label='" + data[i]["first_name"] + " " + data[i]["last_name"] + " [" + data[i]["id"] + "]'><td>" + data[i]["id"] + "</td><td>" + data[i]["first_name"] + "</td><td>" + data[i]["last_name"] + "</td><td>" + data[i]["city"] + "</td><td>" + data[i]["state"] + "</td></tr>");
}
}
}
如果您使用頂部十字關閉對話框,您是否具有相同的行爲?你在其他瀏覽器中遇到同樣的問題嗎? – TCHdvlp
當我點擊頂部的X(猜測這就是你頂頂的十字架),它在firefox和chrome中做同樣的事情,從模態選項留下陰影。當我嘗試在IE上關閉它時,它不會執行任何操作,或者當我選擇用戶時,它會關閉整個事物並且陰影消失,但它會再次打開對話框它在我能做任何事之前。 – user1977840
是否有任何工具可以讓你保持模態?用戶以後可以重新打開嗎?如果不是,如果用''destroy''替換''close''會怎麼樣? – TCHdvlp