jqueryダイアログを開くと、ユーザーを選択するかエスケープを押して閉じようとするまで、すべて正常に機能します。その後、jquery ダイアログ ボックスは消えますが、モーダル オプションのシェーディング/マスクは消えません。アプリで Jquery 1.8.3 を使用するように強制したところ、問題なく動作しました。これを行う変更が見つかりません。どんな助けでも素晴らしいですありがとう!
$("#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>");
}
}
}