목록으로

[jQuery] magnificPopup 모달 플러그인 문의 채택완료

예인♥ 4년 전 조회 4,601

답변 2

https://dimsemenov.com/plugins/magnific-popup/" target="_blank">https://dimsemenov.com/plugins/magnific-popup/

아래 방식으로 팝업 레이어를 띄웠는데요.

그냥 아래처럼 하면 열리는데요.

$("#test").html('<a class="popup-modal" href="#test-modal">버튼</a>');

</script>

이렇게 호출한 상태에서.. 버튼을 누르면 아무 반응이 없어요.ㅠ_ㅠ

혹시 이문제를 어떻게 해결해야하는지 아시는 분 계실까요?

$("#test").html(); 이런식으로 버튼을 호출해야 하는 상황이라서요.ㅠ

<<< 이미지 클릭하시면 크게 보실 수 있어요 >>>

첨부 이미지 https://kin-phinf.pstatic.net/20210116_32/1610762562159CiaiT_JPEG/Screenshot_2021-01-16_at_11.02.20.jpg?type=w750" width="684" />

#javascript

댓글을 작성하려면 로그인이 필요합니다.

답변 2개

정렬:

채택된 답변

+20 포인트

야식금지

4년 전

일케 해보심 어때요? 버튼 생성 위치를 바꿔보았어요. 안될려나;;

</p>

<pre>
<code>$(function () {
    </code>$("#test").html('<a class="popup-modal" href="#test-modal">버튼</a>');<code>
	$('.popup-modal').magnificPopup({
		type: 'inline',
		preloader: false,
		focus: '#username',
		modal: true
	});
	$(document).on('click', '.popup-modal-dismiss', function (e) {
		e.preventDefault();
		$.magnificPopup.close();
	});
});</code></pre>

<p><code>

로그인 후 평가할 수 있습니다

답변에 대한 댓글 1개

�

예인♥

4년 전

아!! 모달스크립트가 호출되기 전에 있던 버튼만 실행이 되나봐요.ㅠ
저는 초기에는 없다가 어떤 경우에 버튼이 생기고 그때 모달 팝업을 띄워야 하는데..
그런 경우 모달 팝업을 리플래쉬 해줄수있는 방법은 없는걸까요?ㅠ

댓글을 작성하려면 로그인이 필요합니다.

예인♥

4년 전

magnificPopup 콜백 close옵션에 리로드 처리해줘서 해결했어요.

감사합니다. 많은 도움이 되었습니다.

$('.popup-modal').magnificPopup({
		type: 'inline',
		preloader: false,
		focus: '#username',
        modal: true,
        callbacks: {
            close: function() {
                location.reload();
            }
        }
	});

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인

[jQuery] magnificPopup 모달 플러그인 문의 채택완료

답변 2개

답변에 대한 댓글 1개

공유하기