JQuery와 대화 팝업 창 문제

Question

나는 내 스크립트 내가이 Site.Master 페이지에서 파일을 JS 포함 한

var window = "<div id='window' style='display: none;width:190px'></div>"; 


PopUpWindow = function (titles, message, redirectURL) { 
    document.getElementById('window').innerHTML = message; 
    $("#window").dialog({ 
     resizable: true, 
     height: 180, 
     title: titles, 
     width: 500, 
     modal: false, 
     open: function() { 
      $('.ui-widget-overlay').show(); 
      $('.ui-dialog-titlebar-close.ui-corner-all').hide(); 
     }, 
     buttons: { 
      "OK": function() { 
       $(this).dialog("close"); 
       if (redirectURL) { 
        window.location = redirectURL; 
       } 
      } 
     } 
    }); 
}; 

폴더에 .. 내 PopUpWindow.js 파일에이 코드를 추가했다.

하지만 여전히 내 aspx 페이지에서이 PopUpWindow 기능에 액세스 할 수 없습니까?

내가 뭔가를하고있는 것입니까?

나는

PopUpWindow("Field to Show","Message","URL redirect"); 

감사

에게 팝업 메시지를 표시하기위한이 PopUpWindow을 execte 수 없습니다입니다

Answer 1

"window"는 변수에 보관되어 있지만 id로 가져 오기 전에는 아무 데나 페이지에 추가되지 않습니다.

var window = "<div id='window' style='display: none;width:190px'></div>"; 


    PopUpWindow = function (titles, message, redirectURL) { 

    // Add to body (change the selector to whatever's relevant) 
    $('body').append(window); 
    // Set the innerHTML the jQuery way :) 
    $('#window').html(message); 
    $("#window").dialog({ 
     resizable: true, 
     height: 180, 
     title: titles, 
     width: 500, 
     modal: false, 
     open: function() { 
      $('.ui-widget-overlay').show(); 
      $('.ui-dialog-titlebar-close.ui-corner-all').hide(); 
     }, 
     buttons: { 
      "OK": function() { 
       $(this).dialog("close"); 
       if (redirectURL) { 
        window.location = redirectURL; 
       } 
      } 
     } 
    }); 
}; 

가 난 단지 JSFiddle에이를 테스트했습니다, 그리고 CSS가없는, 그래서 내가 잘못이없는 더 보장 할 수 없습니다, 그러나 이것은 당신이 표시를 변경할 경우 나타나는 대화 상자을 수행하는 "블록" '#window'에

Answer 2

이 중이 파일의 잘못된 (나쁜 URL) 또는 뭔가를로드하여 진행되는 것으로 보인다 . 확인하고 알려주십시오. 구문 오류 일 수 있습니다.

편집 : DOM을 창에 추가하는 것을 잊어 버리셨습니까?

var window2 = "<div id='window' style='display: none;width:190px'></div>"; 

$(window2).appendTo("body")