إرسال متغير من JQuery إلى Bootstrap Modal

0

أحاول إرسال متغير عبر jquery إلى مشروط bootstrap. أول سكربت بلدي.

 <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>

ما الذي يجب أن أغيره للحصول على مجموعات idg المتغيرة في الجسم المشروط؟

شكرا لكم

2 الاجابة

1
افضل جواب

جرب هذا الرمز :)

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

يتغيرون $('.test_uebergabe').click(function(){

إلى $(document).on('click', '.test_uebergabe', function() {

click() سيتم ربطه بحدث العناصر فقط إذا كان في DOM ،

$(document).on('click' سيرتبط بحدث العنصر أيضًا إذا لم يكن موجودًا في DOM

:مؤلف

أسئلة ذات صلة

فوق
قائمة طعام