我的编程空间,编程开发者的网络收藏夹
学习永远不晚

jquery不显示图片背景怎么办

短信预约 -IT技能 免费直播动态提醒
省份

北京

  • 北京
  • 上海
  • 天津
  • 重庆
  • 河北
  • 山东
  • 辽宁
  • 黑龙江
  • 吉林
  • 甘肃
  • 青海
  • 河南
  • 江苏
  • 湖北
  • 湖南
  • 江西
  • 浙江
  • 广东
  • 云南
  • 福建
  • 海南
  • 山西
  • 四川
  • 陕西
  • 贵州
  • 安徽
  • 广西
  • 内蒙
  • 西藏
  • 新疆
  • 宁夏
  • 兵团
手机号立即预约

请填写图片验证码后获取短信验证码

看不清楚,换张图片

免费获取短信验证码

jquery不显示图片背景怎么办

jquery不显示图片背景怎么办

本教程操作环境:Windows10系统、jquery3.2.1版、DELL G3电脑

jquery不显示图片背景怎么办?

jquery中解决设置图片不显示

jquery中解决设置背景图片无法显示

let class="lazy" data-src='clock/img/afternoon.png';
them_icons.css('background','url('+class="lazy" data-src+')')

主要问题在于路径这块,相对路径是html文件相对与图片的路径,而不是js文件相对于图片的路径。

相关知识拓展:

jq实现通过点击按钮更换图片

45a3fd772503bda1505f90a49e8280d.jpg

附jq代码:

$(function(){
$("#btn1").click(function(){
$("img").attr("class="lazy" data-src","img/01.jpg")
})
$("#btn2").click(function(){
$("img").attr("class="lazy" data-src","img/02.jpg")
})
$("#btn3").click(function(){
$("img").attr("class="lazy" data-src","img/03.jpg")
})
});

以上就是jquery不显示图片背景怎么办的详细内容,更多请关注编程网其它相关文章!

免责声明:

① 本站未注明“稿件来源”的信息均来自网络整理。其文字、图片和音视频稿件的所属权归原作者所有。本站收集整理出于非商业性的教育和科研之目的,并不意味着本站赞同其观点或证实其内容的真实性。仅作为临时的测试数据,供内部测试之用。本站并未授权任何人以任何方式主动获取本站任何信息。

② 本站未注明“稿件来源”的临时测试数据将在测试完成后最终做删除处理。有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341

jquery不显示图片背景怎么办

下载Word文档到电脑,方便收藏和打印~

下载Word文档

猜你喜欢

jquery不显示图片背景怎么办

jquery不显示图片背景是因为路径不正确,其解决办法:1、打开相应的js文件;2、通过“let src='clock/img/afternoon.png';them_icons.css('background','url('+src+')')”方式重新设置背景图片即可。
2023-05-14

jquery不显示图片背景如何解决

这篇文章主要介绍了jquery不显示图片背景如何解决的相关知识,内容详细易懂,操作简单快捷,具有一定借鉴价值,相信大家阅读完这篇jquery不显示图片背景如何解决文章都会有所收获,下面我们一起来看看吧。jquery不显示图片背景是因为路径不
2023-07-05

uniapp背景图片不显示

在uniapp中,我们可以使用 CSS 样式来设置背景图片。但有时候,我们在应用中设置背景图片时却发现图片无法正常展示,这可能是由于以下原因导致的:1. 图片路径设置错误在设置背景图片时,我们需要确保图片路径设置正确。如果路径设置错误,图片自然无法正确展示。因此,我们需要检查路径设置是否正确。2. 图片大小设置错误在设置背景图片时,我们需要确保图片大小适当。如果图片展示超过了设
2023-05-22

css显示不出背景怎么办

css显示不出背景的解决办法:1、查看css是否被调用,重新调用正确的css路径;2、检查css图片地址并修改正确;3、固定div的高度;4、检查div是否被嵌套并修改;5、规范div代码即可。
2023-05-14

css怎么让背景图片居中显示

今天小编给大家分享一下css怎么让背景图片居中显示的相关知识点,内容详细,逻辑清晰,相信大部分人都还太了解这方面的知识,所以分享这篇文章给大家参考一下,希望大家阅读完这篇文章后有所收获,下面我们一起来了解一下吧。1.首先,在页面中创建一个d
2023-07-04

uniapp动态显示隐藏背景图片

随着移动互联网和移动应用的迅速发展,越来越多的开发者和企业开始采用多平台开发的方式,以减少开发成本和提高用户体验。作为一款跨平台开发框架,UniApp提供了一系列丰富的API,可以快速搭建起一个多平台应用。在这篇文章中,我们将介绍如何使用UniApp实现动态显示和隐藏背景图片的功能。一、前置条件在进行本文的使用,你需要了解UniApp的基本使用,并且已经创建好了一个UniApp
2023-05-22

nginx php图片不显示怎么办

这篇文章主要介绍“nginx php图片不显示怎么办”,在日常操作中,相信很多人在nginx php图片不显示怎么办问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答”nginx php图片不显示怎么办”的疑惑有所
2023-06-20

背景图片不显示的原因和解决方法

在前端开发中,经常会使用CSS来设置背景图片来美化页面。但有时候我们会遇到这样的情况——设置了背景图片,但是页面上却无法显示出来。这时候我们就需要找出问题所在,并尝试解决它。下面,我将从以下几个方面来讲述背景图片不显示的原因和解决方法:1. 路径问题当我们设置背景图片时,需要指定图片的路径。如果路径设置不正确,那么图片自然就无法显示在页面上。解决方法:(1)检查图片路径是否正确
2023-05-14

ie中css背景图片不显示的解决方法

这篇文章给大家分享的是有关ie中css背景图片不显示的解决方法的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。css的选择器有哪些css的选择器可以分为三大类,即id选择器、class选择器、标签选择器。它们之间可
2023-06-14

浅析CSS图片背景不显示的解决方法

CSS图片背景不显示的解决方法在进行Web开发中,我们通常会用到CSS来设置网页的样式。其中设置背景图片是很常见的操作。然而有时候会遇到背景图片无法正常显示的问题,给我们带来一定困扰。本文将介绍如何解决CSS图片背景不显示的问题。1. 检查图片链接地址首先检查背景图片链接地址是否正确,尤其要注意路径问题。如果是本地图片,路径要与CSS文件在同一目录下。如果是引用外部资源的图片,
2023-05-14

react图片引入不显示怎么办

react图片引入不显示的解决办法:1、通过“<img src={require("./zzsc1.png").default.default} />”方式引入图片;2、通过“import zzsc from "./zzsc1.png"”方式引入图片, 然后在img中直接引入变量即可。
2023-05-14

gitee网页不显示图片怎么办

随着互联网技术的发展,越来越多的人开始使用代码托管平台来管理自己的项目和代码,其中Gitee是国内较为著名的代码托管平台之一。然而,由于各种原因,用户可能会遇到一些问题,比如Gitee网页不显示图片的情况。那么,遇到这个问题时该怎么办呢?接
2023-10-22

Linux桌面背景怎么设置为图片拉伸显示?

Linux系统怎么设置背景图片拉伸显示?你们知道在哪里设置吗?下面我们就来看看详细的教程。点击左下角开始菜单。点击系统设置。点击背景选项。点击设置。点击图片外观下拉框。点击选择拉伸。以上就是Linux桌面背景设置为图片拉伸显示的技巧,希望大
2022-05-27

Java GUI插入图片不显示怎么办

本篇内容介绍了“Java GUI插入图片不显示怎么办”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成!问题描述:在学习使用Java的GUI时,插
2023-06-22

Dreamweaver插入的图片不显示怎么办

小编给大家分享一下Dreamweaver插入的图片不显示怎么办,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!1、首先我们找到们的软件,双击打开2、我们执行文件新建
2023-06-08

css背景图片怎么加

css 背景图片添加方法包括:获取图片资源。准备 css 文件。使用 background-image 属性添加图片 url。应用 css 类或内联样式。CSS 背景图片添加方法第一步:获取图片资源使用互联网或本地文件浏览器下载或找到要
css背景图片怎么加
2024-05-21

编程热搜

目录