如何隐藏 DIV,它们在页面加载时瞬间显示

2023-11-22

我制作了一个非常快速的 jQuery 幻灯片,我用它来隐藏在轮到它们之前不应该显示的 DIV:

$(document).ready(function() {
  //Hide All Div's Apart From First
  $('div#gall2').hide();
  $('div#gall3').hide();
  $('div#gall4').hide();

但在加载页面时,您可以瞬间看到 DIV 的 gall2 gall3 和 gall4,然后它们就被隐藏了。

只需在我的 CSS 中添加即可:

#gall2, #gall3, #gall4{ display:none;}

这将解决他们显示一瞬间的问题,只是想知道它是否可以接受


在 CSS 中禁用是可以的,但是没有 JS 的用户将永远不会看到它们。

要仅对使用 JS 的用户禁用,请标记正文和适当的 CSS:

<body>
  <script type="text/javascript">
    document.body.className += " js";
  </script>

CSS:

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

如何隐藏 DIV,它们在页面加载时瞬间显示 的相关文章

  • Rails 4 使用 ajax、jquery、:remote => true 和 respond_to 渲染部分

    使用 AJAX 动态渲染页面以响应提交的表单似乎很常见 其他类似的问题都没有集中于如何以一般方式做到这一点 我能找到的关于这个主题的最好的博客文章在这里 http www gotealeaf com blog the detailed gu
  • 创建后将事件处理程序添加到 jQuery UI 日期选择器

    我有以下场景 在我的母版页中我有 datepicker datepicker changeYear true changeMonth true dateFormat dd mm yy duration fast 这样 我分配 datepic
  • 了解 sort() 比较函数

    我正在使用一个电子商务平台 该平台无法重新排序产品属性字段的选项 这真的很糟糕 因为要插入新选项 您几乎必须删除所有现有选项并重新开始 我正在尝试在客户端进行操作 这是我正在处理的内容 这是针对鞋码的 9 EE 9 1 2 EE 10 EE
  • 如何动态突出显示网页上的字符串?

    我想创建带有 url 的页面 例如 http xyzcorp schedules 2015Aug24 Aug28 Jim Hawkins http xyzcorp schedules 2015Aug24 Aug28 Billy Bones
  • 确定元素是在页面折叠上方还是下方

    我有一些页面有多个输入框 用户可以在其中输入文本 在单击 下一步 按钮之前 需要填写其中一些内容 我弹出验证错误供用户查看 但是如果问题不在页面上 我希望页面滚动到它 而不是他们必须搜索丢失 错误的字段 我有一个滚动到位 但我无法确定要滚动
  • 循环遍历元素并逐步为每个元素应用 CSS 规则

    我有一个网格布局 每个网格布局中都有不同数量的元素 我想动态添加内联grid column通过循环遍历 div 中存在的每个元素的 CSS 规则 ul 与一类 list 所以 HTML 代码的输出需要是 ul class list ul u
  • 禁用特定 div 上的 Tab 键

    我有以下结构 div div Some content div div Some content div div 我想 禁用 div2 上的 tab 键 我的意思是按下 tab 键时 div2 的元素不会获得焦点 有没有简单的方法可以使用
  • 如何限制下拉列表更改而不禁用它

    如何在不禁用下拉列表的情况下限制下拉列表选项更改 意味着我无法更改选项 并且下拉列表不应该是只读的 我的问题是我的服务器没有读取禁用的元素 这是我的出价 http jsfiddle net m3v7y jQuery var lastSel
  • 当复选框条件更改时,如何使用ajax更新mysql数据库?

    我有一个在客户端按行显示的文章表 每篇文章都有一个唯一的 ID 并包含一个复选框以指示该文章是否被选中为收藏夹 如果它是最喜欢的 则该复选框已被选中 如果没有 则未选中 现在 如果特定于每一行的复选框条件发生变化 我需要 js 或 jque
  • jQuery:在动画期间禁用单击

    所以我正在做一个小测验 我想禁用里面所有内容的点击 qWrap当动画运行时 从而防止垃圾点击 我尝试使用 is animated 但没有效果 有任何想法吗 HTML div ul li class qContainer ul class q
  • JSTree - 如何强制用户只选择树的叶子

    在我的 JStree 中 我希望用户只能选择树的叶子 例如 没有子节点的节点 我的想法是绑定 select 事件并手动检查所选节点是否有子节点 然后相应地选择 不选择该节点 有没有更简单的方法 或者这个明显的解决方案是唯一的吗 2014 版
  • Fancybox - Ajax 图片库

    我有一个自定义图像库 它用缩略图填充 div 每个缩略图都包含在一个 fancybox 组中 当您单击一个 它在 fancybox 中打开 时 您可以按 上一张 下一张 在第一 页面 上的图像之间循环 要在页面之间移动 您必须关闭 fanc
  • 自定义 jQuery 验证 .addMethod

    我有一个表单 可以根据最小 最大长度验证邮政编码 我需要将所有国家 地区的邮政编码最小设置为 5 位数字 澳大利亚除外 澳大利亚需要为 4 位数字 这是我遇到的问题 validator addMethod AusZip function v
  • 如何在通过 .ajaxForm() 提交表单之前执行一些操作?

    我正在使用 ajaxForm 框架来发送我的数据 而无需重新加载我的页面 ReplayForm ajaxForm success function data alert Success 现在 我想在提交表单之前检查一些条件 如果条件为假 则
  • 如何在 DOM 中的每个元素中调用函数,即使它们是动态创建的

    我想对 DOM 上的特定元素调用函数 例如 red css backgroundColor pink 它适用于 DOM 中已经存在的任何元素 但我也希望在动态添加到 DOM 的元素中调用此方法 我尝试过类似的事情 red on functi
  • Ajax - 限制列表的加载,然后在滚动上加载其余部分

    我有一家商店 在一个页面上显示某个类别的所有产品 这是店主喜欢的方式 因此不能选择分页 为了缩短某些重类别的加载时间 我希望实现一个可以加载许多产品的脚本 li s然后在页面滚动上加载另一组 页面就是用这个结构生成的 div ul clas
  • 在 JQuery 中发布表单并填充 DIV - 在 IE 中损坏

    我正在尝试创建一个通过 jQuery 发布数据并将返回值填充到同一 DIV 中的表单 这样页面就不会在发布操作时刷新 div div
  • jQuery UI 自动完成的“源”回调中的“响应”和“请求”参数是什么?

    我正在查看自动完成教程 我有几个问题 http jqueryui com demos autocomplete option disabled http jqueryui com demos autocomplete option disa
  • PDF 在 Safari 中隐藏 Jquery Modal

    这是与我有关的事情this https stackoverflow com questions 24052681 pdf hide jquery modal in ie问题 在 IE 中 我在对话框中使用 iframe 解决了问题 所以它工
  • 如何在 Jquery/Javascript 中绑定模糊和更改,但只触发一次函数?

    我试图在选择元素更改时触发函数 由于 Ipad 在 on change 方面遇到问题 我还想绑定到 blur 这在 Ipad 上工作得很好 但是我不希望两个事件都触发该函数两次 所以我需要某种挂钩来确保两个事件是否都触发change and

随机推荐

  • 为现有表添加自增ID?

    我有一个预先存在的表 其中包含 fname lname email password 和 ip 但现在我想要一个自动增量列 但是 当我输入 ALTER TABLE users ADD id int NOT NULL AUTO INCREME
  • 不带参数解释的 Printf

    我知道如果 printf 没有给出任何参数 它会输出一个意外的值 Example include
  • 如何使用命令行安装较旧的 PhoneGap 版本?

    如何安装旧版本PhoneGap使用命令行 我熟悉以下安装命令 sudo npm install g phonegap 但是 这只会安装最新版本 npm install g phonegap
  • Java 一个方法中有两个可变参数

    Java 有没有办法创建一个需要两个不同的可变参数的方法 我知道 对于相同的对象类型 这是不可能的 因为编译器不知道从哪里开始或结束 但为什么两种不同的对象类型也不可能呢 例如 public void doSomething String
  • 我可以使用 grep 提取 CSV 文件的单列吗?

    我正在努力解决我必须尽快解决的问题 我有一个 csv 文件 字段用 分隔 我被要求使用 grep 创建一个 shell 命令 使用正则表达式仅列出第三列 我不能使用剪切 这是一种练习 我的文件是这样的 1 Evan Bell 39 Obig
  • CLR 类型到 EDM 类型的映射对于 EF 6 和 5 不明确?

    请问有人可以帮我解决这个错误吗 指定的架构无效 错误 CLR 类型到 EDM 类型的映射不明确 因为多个 CLR 类型与 EDM 类型 City DAL 匹配 以前发现的 CLR 类型 CeossDAL City DAL 新发现的 CLR
  • 为什么我的应用程序允许我将文件保存到 Vista 中的 Windows 和 System32 文件夹?

    我有一个用 Delphi 7 编写的应用程序 不需要管理员权限即可运行 由于某种原因 我能够从应用程序内将文件保存到 c windows 和 c windows system32 即使应用程序未请求 UAC 提升 我以管理员身份登录UAC已
  • 验证不适用于具有“必需”属性的文件输入 - AngularJS

    我一直在玩这个 但无法让它发挥作用 我正在创建一个有角度的形式 并且我能够在以下情况下进行验证 required属性已添加到文本字段 但是 如果输入类型file添加了required归因 我注意到 error required显示文本 但即
  • 输入“有吗?”没有下标成员[重复]

    这个问题在这里已经有答案了 我正在尝试在我的应用程序中登录 Facebook 后检索电子邮件 ID 但是 当我尝试从结果中获取值时 出现错误 错误是 Type Any has no subscript members func fetchP
  • ZooKeeper 重试 3 次后存在失败

    我正在伪分布式模式下运行Hadoop 1 2 1和HBase 0 94 11 由于电源故障 Hadoop 和 HBase 设置失败 下次当我重新启动计算机并设置伪分发时 HBase 停止工作 并在 HBase shell 上出现以下错误 1
  • 在 IIS 中编辑配置自定义部分

    我正在开发一个大型 ASP NET 项目 我们使用 ASP NET 3 5 该项目由 5 个不同的网站和一些共享程序集组成 最近我将自定义部分添加到web config每个站点的文件 当我部署所有这些应用程序时 每个站点都单独部署在同一应用
  • Magento:Mage::registry('current_product') 高效吗?

    如果您知道其背后的过程 这可能是显而易见的事情 但是当您使用Mage registry current product 例如 在产品页面上 您只是引用已经 加载 的内容还是每次运行该行代码时都会加载它 换句话说 哪个更有效率 下面是伪代码
  • 警告 MSB3283:找不到类型库“MSComctlLib”的包装器程序集。构建我的应用程序时

    我有一个已经存在多年的 Visual Studio 解决方案 该项目是一个 Visual Studio 2010 项目 多年来我一直能够编译和运行该项目 该应用程序是一个关键应用程序 我很少需要启动该项目并对已发现的错误修复进行较小的更改
  • %(百分号)在 crontab 中有何特殊之处?

    在crontab中 你能做这样的事情吗 echo date F gt gt path date txt 您的 crontab 行的实际问题不是 或反引号 问题是百分号 它在 crontab 中有特殊的含义 从联机帮助页 Percent si
  • matlab Quickie:测试文本文件是否为空

    简单的问题 我正在 matlab 7 x 中打开一个文件 我想在读取它之前测试它是否为空 最好的方法是什么 从中汲取一些知识上一个问题 我会执行以下操作 s dir c somefile txt if s bytes 0 empty fil
  • 如何在 MSBuild 中压缩文件夹?

    如何在 MSBuild 中压缩输出文件夹 对于文件名 我需要使用在其他地方设置的变量 MSBuild Community Tasks Zip 是一种方法 未定义WorkingCheckout 和OutputDirectory 但你可以得到下
  • 初始化数据的正确方法[重复]

    这个问题在这里已经有答案了 使用 RefluxJS 初始化数据 异步 的正确方法是什么 是否有类似于 AngularJS 的解析 或者 Flux 实现与此无关 路由器应该处理此责任 在应用程序的顶级组件中 使用comoponentWillM
  • 用于具有混合数据类型的列表的 Numpy dtype

    我有一个清单 my list 我想将混合数据类型转换为 numpy 数组 但是 我收到错误TypeError expected a readable buffer object 请参阅下面的代码 我试图将我的代码基于NumPy 文档 my
  • 如何更新xml java中的节点值

    我目前正在开发一个 xml 项目 到目前为止 我已经使用 Dom Parser 成功地将我的 xml 链接到我的 java 类 我有下面提供的代码 我正在努力解决的问题是将我的开始日期的月份更新为 1 因此像 2 1 2013 3 1 20
  • 如何隐藏 DIV,它们在页面加载时瞬间显示

    我制作了一个非常快速的 jQuery 幻灯片 我用它来隐藏在轮到它们之前不应该显示的 DIV document ready function Hide All Div s Apart From First div gall2 hide di