小编Her*_*key的帖子

验证表单时,如何滚动到第一个错误而不是跳转?

我已经看到很多关于这个主题的变化的问题,但我正在寻找直接的解决方案:

HTML表单,jQuery验证,需要多个字段.提交表单时,验证会跳转到第一个错误并突出显示它.为了提高可用性,我想滚动到第一个错误字段.但它不断完全破坏验证或抛出scrollTo错误.

我需要使用标准验证插件(http://docs.jquery.com/Plugins/Validation),但任何卷轴都没问题,因为我一直在尝试使用scrollTo(http://flesler.blogspot.com/2007/ 10/jqueryscrollto.html).

示例代码位于http://jsfiddle.net/DtgKQ/1/,任何帮助表示赞赏.

jquery scrollto jquery-validate

48
推荐指数
4
解决办法
8万
查看次数

禁止在IE开发人员工具栏中显示"文本 - 空文本节点"

我在IE开发工具栏中的几乎所有网站上都有大量的"文本 - 空文本节点"行.我不介意它们的存在,但它使得查找代码变得更加困难.有没有办法隐藏"文本 - 空文本节点"显示?

PS:这是IE9中的"F12开发者工具".

PPS:我不是在寻找"重写代码以防止'文本 - 空文本节点'出现"解决方案.

internet-explorer ie-developer-tools

7
推荐指数
1
解决办法
731
查看次数

如何识别页面/站点上使用的所有字体的所有权重

我正在使用谷歌网络字体。最初,我包括给定家庭的所有权重,以便我可以选择我想要的所有权重。例如:

  <link href='http://fonts.googleapis.com/css?family=Roboto:300,300italic,400,400italic,500,500italic,700,700italic,900,900italic' rel='stylesheet'>
Run Code Online (Sandbox Code Playgroud)

完成后,我只希望在页面加载时获取我最终使用的权重以最小化大小。我完成的链接看起来像

<link href='http://fonts.googleapis.com/css?family=Roboto:400,400italic,900,900italic' rel='stylesheet'>
Run Code Online (Sandbox Code Playgroud)

我想我可以滚动浏览整个 CSS 目录并观察所有页面以找到我使用的所有权重,但这很容易出错。一目了然,我怎么知道我最终使用了哪些权重?

PS:我尝试了几件事:

  1. Firebug 的 Net 面板可让您查看是否调用了 google 字体脚本,但未指定使用了哪些权重。
  2. Chengyin Liu 非常好的 WhatFont 工具 ( http://chengyinliu.com/whatfont.html ) 但它只能让您将鼠标悬停在单个元素上。

2020 年 4 月更新

就其价值而言,我不再使用以下任何解决方案,几年来我一直在使用名为FontsNinja的 Chrome 插件,它在精确定位页面上使用的字体和粗细方面做得非常出色。

fonts firebug font-face google-font-api

7
推荐指数
2
解决办法
2751
查看次数

CSS 打印样式表 - 在第二页上填充

我正在为一个将运行到几页的文档设计一个打印样式表。我希望每个页面的顶部都有一个公司徽标,顶部填充 5 厘米,所以我这样做了:

body {
 background:url(logo.png) no-repeat center top;
 padding-top:5cm;
}
Run Code Online (Sandbox Code Playgroud)

徽标完美地按要求出现在每个页面上。但是顶部填充仅出现在第一个页面上,并且每个后续页面的 padding-top 为零。

难道我做错了什么?如何在每个页面上获得顶部填充?

css printing

6
推荐指数
1
解决办法
2225
查看次数

防止Bootstrap预加载所有hidden-*图像

我正在运行Twitter Bootstrap 3.2.

我的页面有每个断点的横幅图像.这意味着代码如下:

<img class="visible-xs img-responsive" src="headline-768px.jpg">   (128kb)
<img class="visible-sm img-responsive" src="headline-992px.jpg">   (144kb)
<img class="visible-md img-responsive" src="headline-1200px.jpg">  (264kb)
<img class="visible-lg img-responsive" src="headline-2000px.jpg">  (380kb)
Run Code Online (Sandbox Code Playgroud)

拥有4个不同图像的主要目的是使移动设备不需要下载更大的版本.但无论屏幕大小如何,Bootstrap都会预加载所有版本,即使它们隐藏在当前断点处.对于每个观看者来说,这相当于数百个不必要的kb.

有没有解决的办法?

css image responsive-design twitter-bootstrap

5
推荐指数
2
解决办法
4225
查看次数

如何理解CSS背景位置坐标

每次我创建一个精灵用作css背景图像时,我必须处理数学并提醒自己如何记住X和Y坐标(以像素为单位).我怎么能记住它或在视觉上看它以保持笔直?

css

3
推荐指数
1
解决办法
2259
查看次数