웹 페이지에 모달 창을 표시하기 위해 Zurb 's Reveal을 사용하고 있습니다.두 번째 zurb 공개 모달 창 - 가능합니까?
이미 열린 모달 창에 작은 모달 창을 표시해야합니다 (후자에는 양식이 들어 있습니다).
난 형태에a
onclick="$('#ypopup').reveal();" 요소를 첨가하고, 9999 번째 모달 잘 나타나 이쪽
#ypopup의 Z- 색인 (제 모달 DIV)을 설정.
하지만 닫을 때 두 번째 모달뿐만 아니라 첫 번째 모달의 배경도 사라집니다. 첫 번째 모달은 계속 표시되지만 닫을 수는 없습니다. 페이지를 새로 고침하면 도움이됩니다.
열린 계시 모달 창에서 두 번째 계시 모달을 가질 수 있습니까?
아니요. jQuery 코드를 보면 모달 백그라운드가 하나의 인스턴스에 불과한 것 같습니다. 모달을 닫으면 페이지의 유일한 모달 배경이 닫힙니다. 플러그인이 제대로 작동하도록 수정해야합니다.
소스 코드는 여기에서 찾을 수 있습니다 : https://github.com/zurb/foundation/blob/master/vendor/assets/javascripts/foundation/jquery.foundation.reveal.js
없습니다 ... 문제는 전혀!
이 시도
...주고 각 등 ...
이 문서에 별도의 JQuery와 함수를 추가 고유 ID # ... myModal1, myModal2, myModal3 ... 모달 각 모달에 대한 준비 ... 그리고 부서를 적절하게 변경하십시오.
$ (문서) .ready (함수() {
$('#at-button1').click(function(e) {
e.preventDefault();
$('#myModal1').reveal();
});
$('#at-button2').click(function(e) {
e.preventDefault();
$('#myModal2').reveal();
});
$('#at-button3').click(function(e) {
e.preventDefault();
$('#myModal3').reveal();
});
이 코드에 이것을 추가
$(document).on('closed.fndtn.reveal',function() { $('.reveal-modal').removeClass('toback'); })
이 모든 원인이됩니다 것은 계시 이상으로 밝혀 배경, 따라서 첫 번째 공개 올려.
이 코드를 시도하고 OP 생각이 무엇을 달성했다고 생각하십니까 에 대한? 나는 한 - 나는하지 않습니다. -1 –