jquery - 将变量从 JQuery 发送到 Bootstrap 模态

Question

我尝试通过 jquery 将变量发送到引导模式。首先是我的 jquery 脚本。

 <script>
        $(document).ready(function(){
            $('.test_uebergabe').click(function(){
                var idgroups = $(this).attr("id");
                console.log(idgroups);
                document.getElementById('modal-header').innerHTML=idgroups;
                $('#dataModal').modal("show");
            });
        });
 </script>

这是我的 html 部分，我需要在正文中进行变量。

    <div id="dataModal" class="modal fade">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    Überschrift
                </div>
                <div class="modal-body">
                    Body...!
                </div>
                <div class="modal-footer">
                    Footer...!
                </div>
            </div>
        </div>
    </div>

我必须更改什么才能在模态主体中获取变量 idgroups？

谢谢

标签： jquerybootstrap-modal

Answer 1

改变 $('.test_uebergabe').click(function(){

至 $(document).on('click', '.test_uebergabe', function() {

click()仅当它在 DOM 中时才会绑定到元素事件，

$(document).on('click'如果它不在 DOM 中，也将绑定到元素事件