jQuery - 隐藏元素的最佳方法? (以防止元素在实际隐藏之前闪烁)

2023-11-23

我记得在某个时候歌剧( Mostlikely it was Safari instead. )有一个问题,如果你使用.hide()在元素上,它会在实际隐藏元素之前短暂闪烁。

现在,如果你不想忽略那些由于某种原因在浏览器中没有打开 js 的人,你就不能真正使用 CSS 来设置display: none;在该元素中隐藏它,然后使用 js 淡入淡出。

我最近注意到这种情况在 Opera 中不再发生。所以,我想知道在某些浏览器中是否仍然会发生这种情况,以防我错过了......并假设这种情况会发生。什么方法是最安全的方法? (当然在这种情况下忽略 css 方法。)

js .hide()

js .addClass('hide') css .hide { display: none; }

或者是其他东西?

Edit:

js element.style.display = "none"

js $(element).css({display:"none"})

Edit2:这个问题实际上可能是在 Safari 中出现的。我还认为较新的 jquery 版本可能已经解决了这个问题。我认为 jquery 网站上有一些关于此问题的错误报告,但我找不到这些错误报告。或者它仍然可能是较新的浏览器版本修复了它.. 没有把握。


Edit3:

因此,当我开始在 Safari 而不是 Opera 中搜索此错误时,我确实发现了更多相关信息。虽然我不能肯定地说这在歌剧中也从未发生过......

看起来这个问题已经不存在了,可以安全使用.hide()但我了解到的是$(element).css({display:"none"})当问题仍然存在时确实解决了问题。


你应该始终依赖使用jQuery hide()隐藏任何元素的方法,因为它会照顾所有浏览器。我没有看到任何问题Opera though.

即使要显示任何元素,您也应该始终依赖使用show()出于同样的原因再次使用方法。

例如。要显示一个tr元素如果我们说tr.css("display", "block")它在 Firefox 中不起作用,因为它是一个表格行,需要指定为.css("display", "table-row")。但如果你使用tr.show()您不必担心任何浏览器。

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

jQuery - 隐藏元素的最佳方法? (以防止元素在实际隐藏之前闪烁) 的相关文章

  • jQuery show() 和 hide() 的更流畅替代方案

    我有一个带有隐藏列的页面设置 使用 jQuery show 和 hide 函数将列滑入和滑出 然而 它有点 笨重 并且在显示 隐藏时看起来不太流畅 相比之下 我还有一个使用 jquery UI 手风琴的页面部分 当在这些部分之间切换时 过渡
  • 克隆元素对应表单中所有元素的事件

    我成功克隆了表行 其中包含从数据库检索的值 不过我对它没有什么问题 我对所有元素使用了类 因为克隆会重复 ID 不会出现问题 因为它无法唯一地定位每个元素 使每个元素 行在这里唯一的方法是什么 功能如何工作 当第一次选择框时 所选 ID 的
  • 外部 CSS 是否应用于 jsPDF 生成的 pdf

    我已经开始使用 jspdf 制作一些演示 我有一个 html 文件 我的 css 在外部文件中 我写了下面的代码来生成我的pdf pdfButton on click function var pdf new jsPDF p in lett
  • 如何在html中创建字体选择栏

    我想创建一个下拉菜单 在其中我们可以看到所有可用的字体 并且可以选择我们选择的任何字体 我还想创建一个字体颜色选择小部件 存在大量的字体样式 我想知道如何获取所有这些字体以及如何创建一个小部件 用户可以使用该小部件选择他选择的颜色 为了创建
  • Karma + JSPM + Typescript - 未找到“.ts.js”

    主要只是想让 Karma JSPM 在加载 ts 文件时发挥良好作用 但绝对没有运气 我看到一个讨论库 https github com Larchy karma jspm typescript coverage tree master一个
  • JQuery:提交时不起作用

    我想要捕获所有表单提交事件 从操作属性获取 url 并使用它通过 AJAX 将表单内容发送到该地址 所以我只需要一个提交事件处理程序 然而我很快就遇到了麻烦 因为它似乎无法在 IE 中工作 document submit function
  • 代理递归函数

    想象一个简单的递归函数 我们试图包装它以检测输入和输出 A simple recursive function const count n gt n 1 count n 1 Wrap a function in a proxy to ins
  • 我可以阻止history.popstate在初始页面加载时触发吗?

    我正在开发一个通过 AJAX 提供内容的网站 如果您单击菜单中的某个项目 内容 div 会更新为 get回应 没什么花哨的 我正在实施history pushState允许使用浏览器的后退 前进按钮进行导航 我有以下内容可以在历史导航上加载
  • 如何使用Javascript获取ASP.NEt Web Forms标签的值?

    我有以下标签控件
  • Jasmine 单元测试不等待承诺解析

    我有一个有角度的服务 它具有像这样的异步依赖项 function angular module app factory myService q asyncService function q asyncService var myData
  • HTTP请求的内容长度>正文大小

    我正在管理一个网站 该网站过去几个月在使用 MVC 3 0 ASP net 构建的 IIS 7 5 上运行良好 当我们的 AJAX POST 请求 通过 jQuery 触发 因发布的 JSON 被截断而失败时 我们时不时地会遇到一个问题 到
  • 删除数组中所有对象的属性

    我想删除bad数组中每个对象的属性 有没有比使用更好的方法for循环并从每个对象中删除它 var array bad something good something bad something good something for var
  • JavaScript 检查时区名称是否有效

    有没有一种方法可以在不使用外部库的情况下检查 JavaScript 中的时区名称是否有效 当用户在文本字段中输入时区名称时 我想验证时区是否有效 我知道我们可以使用时刻时区库轻松做到这一点 但我不想使用任何额外的库 我正在寻找纯 JavaS
  • 交换两个文本框的值

    我有两个文本框值 var pickup txt pickup var destination txt destination 我想交换这两个值 如下所示 pickup val destination val destination val
  • 谷歌绘制具有相同比例的多个系列的图表

    我正在寻找一种在图形上显示多个系列的方法 这些系列具有相同的比例但仅显示一次 正如你在这里看到的 http jsfiddle net Youkoal d3xwnqdu http jsfiddle net Youkoal d3xwnqdu 我
  • 将base64图像转换为Node Js中的文件

    我是 Node Js 新手 我需要包含用户的个人资料图片 我从 IOS 应用程序收到 Base64 图像的请求 我需要将其存储在 images 文件夹中并将图像路径保存在 mongodb 数据库中 我使用了以下代码 var bitmap n
  • 角度距离计算

    我正在使用角度制作距离计算应用程序 Html
  • 跨浏览器相当于explicitOriginalTarget事件参数

    有谁知道跨浏览器等价于explicitOriginalTarget事件参数 该参数是 Mozilla 特定的 它为我提供了导致模糊的元素 假设我的页面上有一个文本输入和一个链接 文本输入具有焦点 如果我点击链接 文本输入的模糊事件会通过ex
  • 如何在输入时格式化 contenteditable div?

    我正在尝试编写一个函数 允许 contenteditable div 在用户输入 div 时执行一些自动格式化 到目前为止我只能让它在 IE 中运行 有人可以帮助我吗 function formatOnKeyUp if window get
  • Fancybox修改。如何修改 fancybox 以停止在每个画廊的最后一项? (画廊 1 画廊 2 等)[重复]

    这个问题在这里已经有答案了 我正在为我的照片库使用 fancybox 插件 我有多个包含更多项目 照片 的画廊 我想知道如何在点击每个画廊的最后一个项目时停止幻灯片放映 我的 fancybox js 没有被修改 谢谢 您需要添加该选项loo

随机推荐

  • Jmeter中的吞吐量计算

    Attached is the Summary Report for my tests 请帮我理解JMeter的吞吐量值是如何计算的 例如第一条线路的吞吐量53 1 min 这个数字是JMeter用什么公式计算出来的 另外 想知道后续测试中
  • 我如何通过 Objective-c 访问 iPhone 文件?

    我注意到有一些软件 例如 iExplorer 可以让您从 Mac 访问 iPhone 设备上的文件 现在我的问题是 如何通过 Objective c 访问 iPhone 文件 这仅用于教育目的 我找到了这个 https github com
  • 如何知道应用程序运行在什么 Mac 操作系统上?

    我在一些项目中看到过类似的东西 if code endif 但我现在找不到了 例如 如果应用程序在 10 8 上运行 则该应用程序会执行 1 件事 否则该应用程序会执行其他操作 编写什么代码来检查它是否在 10 8 上运行 Thanks 你
  • Mod重写问题

    和其他许多人一样 我在 apache 中进行一些非常简单的 mod rewriting 时遇到了问题 我的 htaccess 中有以下内容 Options FollowSymLinks RewriteEngine on RewriteBas
  • 如何将 Rust 内存分配器用于可提供分配器的 C 库?

    我正在编写与 C 库的 Rust 绑定 该库可以选择使用第三方内存分配器 它的界面如下所示 struct allocator void alloc void old uint void free void 我猜 相应的 Rust 结构如下
  • 当 MKMapView 显示UserLocation == YES 时隐藏 MKUserLocation

    设置后mapView showsUserLocation为 true 是否可以在不显示 MKUserLocation 气泡的情况下接收位置更新 返回零mapView viewForAnnotation 只是显示气泡 返回任何其他类型的注释会
  • 选择的图库默认项目位于中心[重复]

    这个问题在这里已经有答案了 可能的重复 android图库图像位置问题 我在我的应用程序中使用图库视图 现在当我运行代码时 图库默认选择的项目为 1 位于中心 左侧为空白 相反 我不希望左侧有 1 项被选中 此外 单击任何图库项目不应将该项
  • std::unique_ptr 的“无抛出取消引用”

    我用 C 编写代码 使用std unique ptr u处理一个std string资源 我想取消引用u这样我就可以通过std string的电话std string复制构造函数 std string copy new std string
  • Android:列表视图中的指南针+距离

    我想你们都尝试过地图中的 Google Places 这是您附近的 POI 列表 我真的很想在我的应用程序中使用 GPS 坐标列表来实现相同的功能 但这看起来非常复杂 制作带有距离和小箭头的列表视图非常容易 但我不明白如何在用户每次移动手机
  • 我的内部 API 类应该全部放在一个包中吗?

    我正在努力打包供公众使用的 API 因此 我试图限制仅向那些我希望公开且可支持的方法公开的方法 当然 在此之下还有许多受限的访问方法 问题是我有很多内部代码需要访问这些受限制的方法而不将这些方法公开 这会产生两个问题 我无法创建接口 类之间
  • 将声音帧从 8Khz 重新采样/上采样到 48Khz (Java/Android)

    我正在尝试为andriod开发的应用程序 以48Khz PCM 16位和单声道 记录帧并将它们发送到网络 此外 还有 8Khz 的传入音频流 因此 我接收 8Khz 采样帧并播放它们 我的 AudioTrack 对象设置为 8Khz 但是在
  • 在 C++ 中重写成员变量

    我在一些 C 代码中遇到了一些棘手的问题 这最容易使用代码来描述 我有类似的课程 class MyVarBase class MyVar public MyVarBase int Foo class MyBase public MyBase
  • 如何允许 std:string 参数为 NULL?

    我有一个函数foo const std string str 如果你使用它调用它它会崩溃foo NULL 我该怎么做才能防止它崩溃 std string 有一个采用 const char 参数的构造函数 当您将 NULL 传递给它时 该构造
  • C++ 使变量类型取决于用户输入

    我想要一个创建数组用于测试目的的函数 这个想法是让用户选择数组将包含的元素类型 int float double 然后它必须返回所选类型的数组并且main必须将其用作参数 我知道这是使用空指针 但如果有人能为我提供一个例子 我会很高兴 这就
  • 从 python 创建“经济学人”风格的图表

    使用 python 和 marplotlib 以及像seaborn这样的工具 我想创建一个像 经济学人 中的这样的图表 因为我认为这种风格很棒 这是一个时间序列图 我想要重现的关键是水平网格线 其标签与带有刻度线的较低水平轴相匹配 网格线两
  • MongoDB:无法连接到新的副本集主服务器

    尝试为我的 Node JS 应用程序设置 MongoDB 我运行这个命令 mongo mongodb srv cluster0 gjc2u mongodb net test username
  • 更改实例方法内的类实例

    知道是否有办法使以下代码正常工作 class Test object def init self var self var var def changeme self self Test 3 t Test 1 assert t var 1
  • 如何在不知道其名称的情况下删除 SQL 默认约束?

    在 Microsoft SQL Server 中 我知道检查列是否存在默认约束并删除默认约束的查询是 IF EXISTS SELECT FROM sysconstraints WHERE id OBJECT ID SomeTable AND
  • 如何使用 OLEDB 在 Excel 中获取仅包含 Excel 工作表名称的列表;过滤掉元数据中显示的非工作表

    我在使用 OLEDB 从 Excel 电子表格获取工作表名称时遇到问题 问题是 当我使用 GetOleDbSchemaTable 时 生成的 DataTable 不仅仅包含实际的工作表名称 还包含实际的工作表名称 它有额外的 表格 行 我只
  • jQuery - 隐藏元素的最佳方法? (以防止元素在实际隐藏之前闪烁)

    我记得在某个时候歌剧 Mostlikely it was Safari instead 有一个问题 如果你使用 hide 在元素上 它会在实际隐藏元素之前短暂闪烁 现在 如果你不想忽略那些由于某种原因在浏览器中没有打开 js 的人 你就不能