Question

我试图在jQuery点击事件启动之后设置模态文本，但我不成功。有人可以给我一些指示吗？

我已尝试动态设置标题，正文和按钮，但出于某种原因未添加。

$(function() {
    $(".contact-input-plus").on( "click",  "a", function() {
        if ( ! $(this).is(".remove")) {
           // Do stuff
        } else {
            $('#confirm').modal('show');
            $('#confirm').on('show.bs.modal', function() {
                var modal = $(this);
                modal.find('.modal-body p').text('You are about to remove this entry. Are you sure?');
                modal.find('.modal-header h4').html('Remove entry');
                modal.find('.modal-footer a.btn').text('Remove');
            });

        }
        return false;
    });
});

注意：我需要澄清一些事情。首先显示模态而不设置文本。当我再次取消并触发模态时，将插入文本。

Answer 1

尝试在调用.show（）之前设置动态内容：

$(function() {
    $(".contact-input-plus").on( "click",  "a", function() {
        if ( ! $(this).is(".remove")) {
           // Do stuff
        } else {
                var modal = $('#confirm');
                modal.find('.modal-body p').text('You are about to remove this entry. Are you sure?');
                modal.find('.modal-header h4').html('Remove entry');
                modal.find('.modal-footer a.btn').text('Remove');

            $('#confirm').modal('show');

        }
        return false;
    });
});

动态设置Bootstrap模态文本？

1 个答案: