我需要一种可以随时更改的动态内容加载方法。根据Bootstrap文档



<a data-toggle="modal" href="remote.htm" data-target="#modal">Click me</a>





正在利用jQuery的.load只加载一次内容。它将内容注入到modal-content div中。如前所述,该模态的内容可以在任何给定时间更改,因此我需要一种不同的方法。有任何想法吗?

TL; DR-我正在寻找一种方法,该方法将在每次模式打开时加载动态内容(远程),而不是一次(默认为Bootstrap模态)。

最佳答案

如果您的用户可以忍受延迟,则在show事件发生时重新加载内容。

$('#modal').on('show.bs.modal', function(){
    $.get("remote.htm", function(data){
        $('#modal').find('.modal-content').html(data);
    })
})


根据需要添加错误处理和参数

关于jquery - 自举模态动态内容,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/21863462/

10-09 23:21
查看更多