2013-07-29 3 views
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>"); 
       } 
      } 
     } 
+0

위의 십자 기호를 사용하여 대화 상자를 닫은 경우에도 동일한 문제가 발생합니까? 다른 브라우저에서도 같은 문제가 있습니까? – TCHdvlp

+0

내가 X 위에서 쳤을 때 (그것이 십자가에 의해 당신이 뭘 생각하는지 짐작할 수있다.) 그것은 firefox와 chrome에서 같은 것을하고, 모달 옵션에서 음영을 남긴다. IE에서 닫을려고 할 때 나는 도망 치거나 오른쪽 위에있는 X를 사용하지 않지만 사용자를 선택하면 모든 것을 닫고 음영이 사라지지만 실제로는 정보가있는 대화 상자가 다시 열립니다. 내가 무엇이든 할 수 있기 전에. – user1977840

+1

모달을 유지할 수있는 유틸리티가 있습니까? 사용자가 나중에 다시 열 수 있습니까? 그렇지 않다면''close ''를''destroy''로 대체하면 어떨까요? – TCHdvlp

답변

0

모달을 유지할 수있는 유틸리티가 있습니까? 사용자가 나중에 다시 열 수 있습니까? 아니요, "close""destroy"으로 대체하면 어떻게 되나요?

관련 문제