2010-12-30 9 views
0

대화 상자를 추가하기 위해 행을 추가하면 실제 페이지가 사라집니다. 아무도 내가 뭘 잘못하고 있다고 말할 수 있습니까? 그것은 당신의 대화에 의해 숨겨진되고 않다면jquery 대화 상자 문제

$(function(){   
     //when I open this line, my page disapperars?  
     $("#dialog").dialog({ autoOpen: false, modal: true }); 

    }); /**FUNCTION CLOSED*/ 

    <div id="dialog" title="Delete Record" style="display: none"> 
      <p><span style="float:left; margin:0 7px 20px 0;"></span>Are You Sure?</p> 
    </div> 
+0

오류 대화 상자가 무엇을 말하는가 시도? 웹 검사기 또는 방화 광을 사용하여 문제가 무엇인지 파악하십시오. – sethvargo

+0

'{} '버튼을 사용하여 코드의 형식을 올바르게 지정하십시오. – SLaks

+0

'이 줄을 열다'는 것은 무엇을 의미합니까? –

답변

1

는 마크 업이 실제로 제거되고 있는지 확인하기 위해 방화범을 사용하여 페이지의 HTML을 확인하거나.

실제로 무슨 일이 벌어지는지를 보지 않고 (아주 작은 코드 덩어리를 기반으로 함) 대화 상자를 모달로 선언하면 jQueryUI가 나머지 페이지를 다음과 같이 보이게하는 배경 이미지 나 배경색을 설정하고있을 가능성이 있습니다 그것은 삭제되었습니다. 대화 상자가 실제로 나타 납니까?

JavaScript 경고가 표시되면 원래 게시물에도 포함 시키십시오.

0

는이

<html> 
<head> 
<title>Test</title> 
    <link rel="stylesheet" href="css/ui-lightness/jquery-ui-1.8.7.custom.css"> 
<script type="text/javascript" src="jquery-1.4.4.js"></script> 
<script type="text/javascript" src="jquery-ui-1.8.7.custom.min.js"></script> 
<script type="text/javascript"> 

    $(function(){ 
    //when I open this line, my page disapperars? 
    $("#dialog").dialog({ autoOpen: true, modal: true }); 

    }); /*FUNCTION CLOSED*/ 

    function openDialog(){ 
     $("#dialog").dialog({ autoOpen: true, modal: true }); 
    } 
</script> 
</head> 
<body> 
    <p>Para</p> 
    <a href="#" onclick="openDialog();">Open Dialog</a> 
    <div id="dialog" title="Delete Record" style="display: none"> 
     <p><span style="float:left; margin:0 7px 20px 0;"></span>Are You Sure?</p> 
    </div> 
</body> 
</html> 
+0

Andrew, 이것은 제가 원하는 것입니다. 대화 상자가 열리지 않습니다. 해보려고 했는가? 실제로 다음과 같은 확인 대화 상자가 필요하다. http://jqueryui.com/demos/datepicker/#method-option. 대답에 대해 감사한다. – user403295

+0

정확하게 요구 사항을 이해하고 있는지, 확실하니? 페이지가로드 될 때 또는 다른 이벤트가 발생할 때 나타나는 대화 상자? 위의 코드에서 대화 상자가 실제로 표시되는지 확인 하시겠습니까? $ ("#dialog") .dialog ('open');을 사용하여 열려는 대화 상자를 항상 트리거 할 수 있습니다. –

+0

대화 상자가 보이지 않습니다. 별도의 html 페이지에서 코드를 실행합니다. 내 코드에서 $ (function() {, (실제 페이지가 사라지는) 다음에 해당 라인 ($ ("#dialog") .dialog ('open');) rigth를 추가 할 때 나는 무엇이 잘못되었는지 이해하지 못한다. 그 작동, 샘플 코드에서했던 것처럼 링크 아래에 해당 대화 상자를 이동합니다 .Ui js, jquery js 사용하고 거의 모든 괜찮습니다. – user403295