分类导航
HTMLHTML5JavaScriptCSSjQueryBootstrapAngularjsVueDojoJsonElectronNode.jsExpressXMLAjaxUnityReactFlexWeb前端微信小程序支付小程序百度小程序

jquery – Bootstrap模态动态内容

jQuery   发布时间：2022-04-19  发布网站：大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了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 – Bootstrap模态动态内容全部内容，希望文章能够帮你解决jquery – Bootstrap模态动态内容所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错，欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。
标签：bootstrapjquery内容动态模态
猜你在找的jQuery相关文章
其他相关热搜词更多
phpJavaPython程序员load中如何string使用参数jquery开发安装listlinuxiosandroid工具javascriptcap