jQuery 中 load() 的替代方法 3 用于加载 Bootstrap 4 模态远程内容
Alternative to load() in jQuery 3 For Loading Bootstrap 4 Modal Remote Content
将另一个 page/content（又名 "remote" 内容）加载到 Bootstrap 模式中一直是许多开发人员的祸根，像这样的解决方案很有效：
$('body').on('click.modal.data-api', '[data-toggle="modal"]', function(){
$($(this).data("target")+' .modal-content').load($(this).attr('href'));
});
使用上面的方法可以进行一个脚本调用，并将其应用于任何具有加载内容模式的页面，无论是本地页面还是远程页面。应该注意的是，对于 "local" 模态，你不能有一个 href 属性（即使是一个带有散列值的属性）来使它同时适用于（本地和远程）。这可以包含在页脚文件或应用程序中任何其他全局包含的文件中，因此它只驻留在一个地方，并且适用于应用程序中的每个模式。
但是，在 jQuery 3 中，load() 方法已被弃用，那么如何加载远程模态内容呢？
我知道你可以使用 ajax()，但是有没有一种方法可以将它构建得更像我上面的示例 'dynamic'，这样就不需要为每个脚本都设置一个唯一的脚本模态？
加载作为快捷事件处理程序绑定被删除，而不是用于加载外部资源。
--绑定，移除
http://api.jquery.com/load-event/
--加载ajax数据的方法，仍然有效
http://api.jquery.com/load/
因此，由于您的逻辑使用的是第二个版本，因此它在 3x 中仍然有效。
将另一个 page/content（又名 "remote" 内容）加载到 Bootstrap 模式中一直是许多开发人员的祸根，像这样的解决方案很有效：
$('body').on('click.modal.data-api', '[data-toggle="modal"]', function(){
$($(this).data("target")+' .modal-content').load($(this).attr('href'));
});
使用上面的方法可以进行一个脚本调用，并将其应用于任何具有加载内容模式的页面，无论是本地页面还是远程页面。应该注意的是，对于 "local" 模态，你不能有一个 href 属性（即使是一个带有散列值的属性）来使它同时适用于（本地和远程）。这可以包含在页脚文件或应用程序中任何其他全局包含的文件中，因此它只驻留在一个地方，并且适用于应用程序中的每个模式。
但是，在 jQuery 3 中，load() 方法已被弃用，那么如何加载远程模态内容呢？
我知道你可以使用 ajax()，但是有没有一种方法可以将它构建得更像我上面的示例 'dynamic'，这样就不需要为每个脚本都设置一个唯一的脚本模态？
加载作为快捷事件处理程序绑定被删除，而不是用于加载外部资源。
--绑定，移除
http://api.jquery.com/load-event/
--加载ajax数据的方法，仍然有效
http://api.jquery.com/load/
因此，由于您的逻辑使用的是第二个版本，因此它在 3x 中仍然有效。