2010-12-01 8 views
4

나는 버튼을 클릭하면 jquery 대화 상자가 열린다. 해당 jquery 대화 상자 안에 또 다른 대화 상자를 열어야하는 또 다른 단추가 있습니다. 첫 번째 대화 상자가 제대로 열렸지 만 두 번째 대화 상자가 열리지 않습니다. 아무도 내게 문제가 될 수 있다고 말해 줄 수 있습니까?대화 상자에서 대화 상자를 열 수 있습니까?

두 대화 상자는 모달이 아닙니다. 그래도 첫 번째 것은 열리지 만 두 번째 것은 열리지 않습니다. 사전 : 나는 JQuery와의 대화는하지만 여기 내 생각이 보여주는 때/대화 상자를 만들어 대화 상자가 수도 코드가 같은 블록 (요소)를 목표로하고 있다는 것이 무엇인지 잘 모릅니다

+0

당신이 그렇게 우리는 당신이 무슨 일을하는지 볼 수있는 코드를 게시 할 수 있습니까? (오해, 그것이 가능하지는 않을지 모르지만 ... 당신이 이미 시도한 것을 알게 될 것입니다.) – JasCav

+0

그럼 Codeignite를 사용하고 있습니다. 클릭하면 ajax 호출을 만들고 해당 대화 상자 안에 하나의 PHP 파일을로드하는 하나의 확인 버튼이 있습니다. 해당 PHP 파일을 클릭하면 간단한 대화 상자가 표시되는 다른 단추가 있습니다. 그게 도움이 되니? 이 코드는 실제 애플리케이션이므로 실제로 여기에 게시하면 어쨌든 의미가 없습니다. – TCM

답변

4

예 가능합니다. 나는 항상 그렇게한다. 무엇이 잘못되었는지 알 수 있도록 몇 가지 코드를 게시하십시오.

당신과 같이 true로 "스택"속성이 설정되어 있는지 확인하십시오 : JQuery와 문서에서

var DialogOptions = { 
    draggable: false, 
    resizable: false, 
    stack: true 
}; 

$('selector').dialog(DialogOptions); 

설명 :

여부를 지정 대화 의지 다른 대화 상자의 상단에 스택 . 이 은 포커스를 얻으면 대화 상자가 다른 대화 상자의 앞쪽으로 이동하게됩니다.

코드 예제

지정된 스택 옵션 대화 상자를 초기화합니다.

$(".selector").dialog({ stack: false }); 

초기화 후에 스택 옵션을 가져 오거나 설정하십시오. 나는 모든 시간을 작은 동전

//getter 
var stack = $(".selector").dialog("option", "stack"); 
//setter 
$(".selector").dialog("option", "stack", false); 
+0

몇 분 안에 샘플 코드를 게시하는 것이 좋습니다. 나와 함께 견뎌주세요. – TCM

+0

"스택"이 설정되어 있습니까? 내 편집을 확인하십시오. – capdragon

+0

감사! 스택이 핵심이었습니다. – TCM

4

을에

감사합니다 당신이 당신의 필요에 따라 대화 상자가 열립니다 방법을 설정할 문서를 통해 볼 수있는 몇 가지 옵션을 가지고 있고 당신은 아마 같은 stack

등의 옵션에

모양을 갈 수있을거야 당신은 어떤을 게시하지 않는 경우 당신이 기대할 수없는 코드 nymore aid then then이

+0

오그 귀하의 스택에 대해 모두 – Breezer

+0

+1입니다. – TCM

+0

감사합니다. 적어도 여기에 정신 건강한 사람들이 있습니다. – Breezer

0

:

function createParentDialog() 
{ 
$('#parentDialog').dialog({ 
       autoOpen: false, 
       height: 220, 
       width: 380, 
       resizable: false, 
       modal: false, 
       buttons: { 
        "Close": function(){ 
          $(this).dialog("close"); 
         }, 
        "Show ChildDialog": function(){ 
          showChildDialog(); 
         } 
       } 
       }); 
    function createChildDialog() 
    { 
    $('#childDialog').dialog({ 
      autoOpen: false, 
      height: 220, 
      width: 380, 
      resizable: false, 
      modal: false}); 
    } 

$(document).ready(function() { 
     createChildDialog(); 
     createParentDialog(); 
    }); 
관련 문제