0
jquery 대화 상자를 열면 사용자를 선택하거나 이스케이프 키를 눌러 닫을 때까지 모든 것이 올바르게 작동합니다. 그런 다음 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에서 닫을려고 할 때 나는 도망 치거나 오른쪽 위에있는 X를 사용하지 않지만 사용자를 선택하면 모든 것을 닫고 음영이 사라지지만 실제로는 정보가있는 대화 상자가 다시 열립니다. 내가 무엇이든 할 수 있기 전에. – user1977840
모달을 유지할 수있는 유틸리티가 있습니까? 사용자가 나중에 다시 열 수 있습니까? 그렇지 않다면''close ''를''destroy''로 대체하면 어떨까요? – TCHdvlp