반응형

아래 붉은색 폰트처럼 넘기고 싶은 파라메터는 일반적인 jQuery에서처럼 그냥 attribute 변수명으로 해선 bootstrap의 popup modal view로 파라메터가 넘어가지 않는다.
반드시 data-를 붙여줘야만 한다.
그리고 jQuery에선 data- 이후에 작성된 실제 파라메터명을 $(e.relatedTarget).data를 통해 가지고 오면 잘 받아오게 됨



<a href="#" class="btn btn-primary btn-sm" role="button" data-toggle="modal" data-target="#popup" data-backdrop="static" data-name="이름" data-age="98">팝업호출</a>

<div class="modal fade" id="popup" tabindex="-1" role="dialog">

</div>

<script type="text/javascript">
    $(document).ready(function() {
        $("#popup").on("show.bs.modal", function(e) {
            var name = $(e.relatedTarget).data('name');
            var age = $(e.relatedTarget).data('age');

            alert(name + ':' + age);
        });
    });
</script>

반응형
Posted by Hippalus
,