Jquery UI 대화 상자가 다른 프레임에 액세스 할 수 없습니다.

Question

두 개의 프레임이 있는데 하나는 왼쪽에 다른 프레임의 필드 내용을 검색합니다. 대화 상자 용으로 만든 # #matchesFound div는 오른쪽의 검색 프레임에 있습니다. 그러나 검색을 수행하고 모달을로드하는 자바 스크립트는 왼쪽 프레임에 있습니다. 마지막 결과는 대화 상자가 오른쪽 대신 왼쪽 프레임에로드된다는 것입니다.

jquery UI 대화 상자를 특정 프레임에서 강제로 열 수있는 방법이 있습니까? 예제 중 일부는 설명 편집으로 인해 불안정합니다. Ajax 리턴 및 직렬화가 올바르게 작동합니다.

var criteriaPage = parent.leftSide.document; 
var searchPage = parent.rightSide.document; 
var postData  = $(searchPage ).serialize(); 
var matchesFound = searchPage.getElementById('matchesFound'); 

var count = 
     $.ajax({   
     type: "POST", 
     url: "ajax.url.php", 
     data: postData, 
     async: false 
     }).responseText; 

$(matchesFound).html(count); 
$(matchesFound).dialog({ 
    autoOpen: true, 
    position: [350,100], 
    height: 250, 
    width: 400, 
    modal: true 
}); 
$(matchesFound).dialog('open');   

Answer 1

실제로 이것은 상위 수준의 상위 수준으로 액세스하지 않는 것으로 나타났습니다. 보고있는 탱크! 수정 :

var searchFrame = parent.right; 
var searchForm  = parent.sch_input.document.forms["openHouseSearch"]; 
var searchCriteria = $(searchForm).serialize(); 
var matchesFound  = parent.right.document.getElementById("matchesFound"); 

var count = 
     $.ajax({   
      type: "POST", 
      url: "ajax.url.php", 
      data: ohsData, 
      async: false 
     }).responseText; 
searchFrame.$(matchesFound).html(count); 
searchFrame.$(matchesFound).dialog({ 
    autoOpen: true, 
    height: 250, 
    width: 400, 
    modal: false 
});