jquery – Bootstrap模态动态内容

前端之家收集整理的这篇文章主要介绍了jquery – Bootstrap模态动态内容前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我需要一种加载可随时更改的动态内容方法.根据Bootstrap文档
<a data-toggle="modal" href="remote.htm" data-target="#modal">Click me</a>

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

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

解决方法

如果您的用户可以忍受延迟,则在show事件发生时重新加载内容.
$('#modal').on('show.bs.modal',function(){
    $.get("remote.htm",function(data){
        $('#modal').find('.modal-content').html(data);
    })
})

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

猜你在找的jQuery相关文章