모든 브라우저에서 사용할 수있는 jQuery 또는 Javascript를 사용하여 팝업 상자 만들기

Question

크롬 브라우저에 correcly 팝업 메시지를 표시하는 코드가 있는데 다음과 같은 Firefox 및 Edge와 같은 다른 브라우저에서 테스트했습니다. ... 그냥 페이지의 끝 부분에보고 이상한 상자를 상자, 작동하지 않는 코드는 다음과 같습니다

이

var iframe = document.createElement("IFRAME"); 
     iframe.setAttribute("src", 'data:text/plain,'); 
     document.documentElement.appendChild(iframe); 
     if(window.frames[0].window.confirm("Are you sure you want to change brand state? Note: Changing brand state from Preview to Live will erase all data related to that brand.")) { 
      $.post("/brand/updateBrandState", { 
       'brandId': $(this).val(), 
       "brandState": $(this).find("option:selected").text() 
      }, function (data) { 
       if (data == "ok") { 
        window.location.reload(true); 
       }else if(data=="empty") { 
        alert("Cannot change state from Live to Preview"); 
        window.location.reload(true); 
       }else if(data=="live") { 
        alert("Brand is now live!"); 
       } 
      }); 

누군가가 그것뿐만 아니라 다른 브라우저에서 작동하도록 나를 도와 드릴까요?

감사합니다.

편집 :

지금이 HTML을 사용하여 메신저 : 팝업 상자

<div id="dialog" title="Basic dialog"> 
<p>This is the default dialog which is useful for displaying information. The dialog window can be moved, resized and closed with the 'x' icon.</p> 
</div> 

Answer 1

, jQuery Dialog를 사용합니다. 사용하기 쉽고 모든 브라우저에서 지원합니다 (jquery를 지원함).

DEMO

$("#myDialog").dialog({ 
    resizable: false, 
    height: 140, 
    modal: true, 
    buttons: [ 
     { 
      text: "Yes", 
      click: function() { 
       $(this).dialog("close"); 
       //Do some Job 
      }, 
     }, 
     { 
      text: "No", 
      click: function() { 
       $(this).dialog("close"); 
      }, 
     } 

    ], 
    open: function (event, ui) { 
    //add some functionality or styling if you want 
    }, 
    //same for close,drag,dragStart,dragStop,focus and all 
}); 

는 도움이되기를 바랍니다.