javascript - 动态背景图像不显示在引导模式上

标签 javascript jquery ajax bootstrap-4 bootstrap-modal

我想通过使用ajax动态更改引导模式的背景图像和详细信息我从数据库获取所有图像,并且我的模式工作正常每个ID显示正确的数据我面临显示背景图像的问题

这是模态代码图像 enter image description here

Ajax 代码 enter image description here

我确实得到了正确的图像 URL,例如 https://example.net/uploads/16188133891985.jpg每个 id 问题的正确图像是当我将该图像传递给模态主体时它不起作用并且模态看起来像这样

enter image description here

如果有人可以帮助我我所缺少的ajax工作正常,我将获取所有数据和图像

谢谢

最佳答案

为什么要设置属性“data-ng-src”?这不会改变背景图像。
您必须更改样式,使用 jquery 时会类似于:

$('#aboutModal').css('background-image', 'url('+pathToImage+')');

关于javascript - 动态背景图像不显示在引导模式上,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/67234916/

相关文章:

jQuery 切换类让我难住了

javascript - Ajax 使用 GET 转 PHP

javascript - 将 2 个 ajax 调用合并为 1 个回调

javascript - ui-router 通过服务将 URL 查询参数传递给 Controller ​​ - $stateParams 值 'undefined'

Bootstrap 弹出窗口( Bootstrap 框)内的 Javascript 事件不起作用

javascript - CSS/jQuery 改进的页面流

c# - 在 asp.net 中创建 stackoverflow 类型的文本框,jquery

javascript - 如何使用运行时创建的对象渲染数据表单元格

javascript - 通过单击按钮从表中获取值(JS)

jquery - 在 Laravel 中使用 Blade 模板打印 php 标签内的 JavaScript 变量值