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>

要在模式主体中获取变量idgroup，必须更改什么？

谢谢

Answer 1

尝试此代码：）

$(document).on('click', '.test_uebergabe', function () {
    var idgroups = $(this).attr("id");
    $('.modal-header').html(idgroups );
    $('#dataModal').modal({ show: true });  
});

Answer 2

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

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

click()仅在元素事件位于DOM中时才绑定到该元素事件，

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

将变量从JQuery发送到Bootstrap Modal

2 个答案: