두꺼운 상자를 닫고 다시 열어주세요

StackOverflow https://stackoverflow.com/questions/676609

  •  21-08-2019
  •  | 
  •  

문제

나는 Thickbox를 사용하여 마법사를하려고 노력하고 있으며 처음 열 때 잘 작동합니다. 다음을 클릭하면 열린 DIV를 닫고 The DeichBox에서 새 것을 열고 싶지만 어떻게 수행됩니까? 다음 코드를 시도했지만 Thickbox를 닫고 다시 열지 않습니다.

tb_show("", "#TB_inline?height=280&width=620&inlineId=divStart", "");
tb_remove();
tb_show("", "#TB_inline?height=280&width=620&inlineId=divContinue", "");
도움이 되었습니까?

해결책

이 코드를 사용할 수 있습니다.

// tb_remove () 함수를 사용하지 마십시오

$("#TB_window").remove();
$("body").append("<div id='TB_window'></div>");
tb_show("", "#TB_inline?height=280&width=620&inlineId=divContinue", "");

컨텐츠로드에 iframe을 사용하는 경우 :

var p = parent;
p.$("#TB_window").remove();
p.$("body").append("<div id='TB_window'></div>");
p.tb_show("", "#TB_inline?height=280&width=620&inlineId=divContinue", "");

다른 팁

이 답변 페이지에 와서 여기에서 제안 된 솔루션을 시도했습니다. 그것은 작동하지 않았다. 나는 나의 오래된 트릭 중 하나를 사용했고, 거의 매번 마찬가지로 효과가있었습니다. 이 게시물은 3 살이 넘었지만 트릭을 공유하고 싶었습니다. 트릭은 Window.settimeout을 사용하여 다음 tb_show ()로 호출을 지연시키는 것입니다. 

window.setTimeout(function(){
    tb_show("", "#TB_inline?height=300&width=300&inlineId=confirmDiv&modal=true");
    $("#TB_window").css({'border':'0px', 'background':'none'});
    },300);

내가 사용한 다른 두 가지 요령에 주목하십시오.

  1. 모달 팝업을 보여주고 싶었습니다. 그러나 제목과 패딩이있는 일반적인 두꺼운 상자를 보여주었습니다. 따라서 두 번째 줄은 TB_Window에서 테두리와 배경색을 제거합니다. 여기에는 팝업 HTML 만 표시됩니다.

  2. 팝업은 250px에 불과했지만 300px의 일반 높이 너비를 사용했습니다. 이렇게하면 콘텐츠가 조금 더 커도 스크롤 바가 방지됩니다. TB_window는 어쨌든 표시되지 않으므로 중요하지 않습니다.

이것이 누군가를 돕기를 바랍니다.

나는 대답을 직접 찾았다. 나는 모든 단계를 포함하는 div를 열었고, JavaScript를 통한 Just를 통해 DIV가 무엇을 보여줄지 결정했습니다.

라이센스 : CC-BY-SA ~와 함께 속성
제휴하지 않습니다 StackOverflow
scroll top