jQueryUI 대화 상자가 모달이되지 않습니다

-2

tinyMCE 편집기 및 기타 jQuerified 항목의 ontop을 열려면 모달 대화 상자가 필요합니다. 나는 jquery 사이트를 따라 갔지만 모달은 아니며 여전히 페이지의 나머지 부분을 변경하고 액세스 할 수 있습니다. jQueryUI 대화 상자가 모달이되지 않습니다

<div id="sureDelete">Are you sure you want to delete this page?</div> </div>

$('#sureDelete').dialog({ 
        modal: true, 
        buttons: { 
         "Yes": function(){ 
          $('li#'+$id).remove(); 
         }, 
         "No":function(){ 
         } 
        }, 
        draggable: false 
     }); 
<div id="dialogs">

또한 나는 대화에 추가 된 스타일이 없습니다. 문제가 될 수 있습니까?

출처

2010-06-15 Theopile

@Theopile는 점이다'$ (문서) .ready 내부'dialog' 코드 (함수() {...});'? –

http://jqueryui.com/demos/dialog/#modal-confirmation이 브라우저에서 제대로 작동합니까? – Reigel

Doug- 내부에서 $ (function() {}); Reigel-yes 모달은 크롬을 사용하여 작동 함 – Theopile

jQueryUI 기본 CSS 파일을 포함시켜야합니다.
즉 :

<link rel="stylesheet" href="*jQueryUIDir*/css/*themeDir*/jquery-ui-*version*.custom.css" type="text/css" />

출처

2010-06-15 01:45:59 zmbush

맞습니다. 확실히 작동하게되었습니다. 고마워 – Theopile

정말? CSS없이이 데모를 보니, 모든 것이 여전히 작동합니까? http://jsfiddle.net/M6HHV/ – Reigel

확실하지 않습니다. 그것은 jQuery UI를 코어 CSS를 사용하고 있을까요? – Theopile

jQueryUI 대화 상자가 모달이되지 않습니다

답변

관련 문제