JQuery 대화 상자를 열 수 없습니다.

내 HTML에 단추가 있습니다. 단추를 한 번 클릭하면 JQuery 대화 상자를 열고 싶습니다. 잘 작동하는 코드 버전이 있지만 대화 상자를 더 이상 표시 할 수 없기 때문에 코드를 재구성하려고합니다. 문제가있는 것처럼 보입니다. 작동JQuery 대화 상자를 열 수 없습니다.

버전 :

<script type="text/javascript"> 
$(function() { 
    $('#dialog_trigger').on("click", function() { 
     $('#dialog').load('index.php', function() { 
      $('#dialog').dialog({ 
      *********(somehow I must remove 'autoOpen: false' here, otherwise it also stops working) ******** 

       position: 'center', 
       width : 480, 
       height : 320, 
       modal : true 
      }); 

     }); 
     }); 
    }); 

</script> 

<body> 
<button id="dialog_trigger">Click me</button> 
<div id="dialog"></div> 
</body>

코드 작동하지 않습니다

<script type="text/javascript"> 
$(function() { 
    $('#dialog_trigger').on("click", function() { 
     $('#dialog').load('index.php', function() { 
      $('#dialog').dialog("open") 
     }); 
    }); 

    $('#dialog').dialog({ 
    autoOpen: false, 
    position: 'center', 
    width : 480, 
    height : 320, 
    modal : true 
    }); 

}); 

</script> 

<body> 
<button id="dialog_trigger">Click me</button> 
<div id="dialog"></div> 
</body>

날, 덕분에 그것을 해결 도와주세요.

출처

2013-07-18 user1453951

'$ ('# 대화') .dialog ("")'I 그것이 옳다고 생각하지 않는다. 정말로 그곳에서 무엇을하려고 하는가? – Ohgodwhy

opps, 죄송합니다, 복사 오류는 원래 $ ('# dialog')입니다. 대화 ("open"). 고쳤다. – user1453951

먼저 dialog의 서명을 클릭 이벤트 외부로 이동하십시오.

그런 다음 클릭 이벤트에 당신이 보여

$('#dialog').dialog("open")

를 사용할 수있는 대화

Check Fiddle

코드

$('#dialog_trigger').on("click", function() { 
     $('#dialog').load('index.php').dialog("open") 
    }); 

    $('#dialog').dialog({ 
    autoOpen: false, 
    position: 'center', 
    width : 480, 
    height : 320, 
    modal : true 
    });

출처

2013-07-18 00:35:21

죄송합니다. 전에 복사 오류가 발생했습니다. click 이벤트 내에서 "$ ('# dialog'). dialog ("open ")을 호출하고 대화 상자를 외부에 정의합니다. 그러나 그것은 작동하지 않습니다. 즉, 버튼을 클릭 한 후에는 아무 일도 일어나지 않습니다. – user1453951

및 Sushanth, 대화 상자에 웹 페이지를로드하고 싶습니다. 코드의 첫 번째 버전을 확인하십시오. 첫 번째 코드에서 원하는대로 두 번째 코드를 수정하십시오. – user1453951

@ user1453951 ..이 '$ ('# dialog ')를 시도해 보시지 않겠습니까? load ('index.php '). dialog ("open")' –

JQuery 대화 상자를 열 수 없습니다.

답변

관련 문제