删除'remote”选项后如何在 Bootstrap 4 中实现远程模式？

使用 jQuery 解决了 Bootstrap 4 远程模式问题

Bootstrap 开发人员最近宣布从 Bootstrap 4 中删除远程选项，这让用户很难使用更新的框架实现远程 Modal。

这个问题突出了尝试使用远程选项将内容加载到 Modal 时所面临的挫败感。用户观察到出现了弹出窗口，但 Modal 主体仍为空，这表明缺少远程调用。

答案中提供的解决方案涉及利用 jQuery 来替换已弃用的远程选项。通过编写自定义代码，用户可以在遇到 data-remote 属性时动态地将内容加载到 Modal 主体中。

jQuery 实现：

$('body').on('click', '[data-toggle="modal"]', function(){
  $($(this).data("target")+' .modal-body').load($(this).data("remote"));
});

添加此代码确保当单击具有 data-toggle="modal" 属性和 data-remote 属性的按钮时，Modal 主体将加载 data-remote 属性指定的内容。

此解决方案提供了一种解决方法用于删除 Bootstrap 4 中的远程选项，允许用户继续使用远程 Modals。但是，需要注意的是，此实现需要额外的代码，并且可能会引入与浏览器安全和 JavaScript 依赖项相关的潜在问题。

以上是删除'remote”选项后如何在 Bootstrap 4 中实现远程模式？的详细内容。更多信息请关注PHP中文网其他相关文章！