问题标签 [modernizr]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
2 回答
2097 浏览

jquery - ie7 ie8 的 jquery load() 问题

嗨,由于某种原因,这段代码不能在 ie7/ie8 下运行。

检索 php 文件中 ID 为 $lang 的部分似乎有问题。该代码适用于所有其他浏览器,如果我这样称呼它,它适用于 ie7/ie8:

我不喜欢那样。

知道为什么 ie7/ie8 会这样吗?好的 ie7 我知道 => 这是废话 :-)

现在 php 文件只包含普通的 html5,如下所示:

更新:

看起来,是 HTML5 标签把它扔掉了???我正在使用modernizr,有人想尝试一下吗?在dom中只<article id="de" />加载其余的被忽略。

0 投票
1 回答
6814 浏览

javascript - 是什么导致我的脚本在使用 Modernizr.load (yepnope.js) 时被请求两次

我正在使用yepnope.js动态加载 javascript 文件,并且我注意到根据 Firebug 和 Webkit Inspector,我的脚本似乎被加载了两次。

问题是在 Firebug 的 Net 面板(最新的 Firefox 4)中,他们的响应是 a 200,而不是304. 它似乎比 Chrome 慢。

我已经上传了这个显示问题的视频。您可以看到文件是如何加载的jquery-1.6.1.min.js,并且libs.js需要额外的时间。

我用来执行此操作的代码如下,经过简化:

Modernizr.load()yepnope()

0 投票
3 回答
9141 浏览

jquery - 通过modernizr加载jQuery

刚开始一个新的 HTML5 项目并使用modernizr.js

我在modernizr docs页面上注意到它说您可以使用以下内容:

所以在我的 HTML 中我有这个:

但是看着萤火虫,没有加载jquery。

我在这里遗漏了一些明显的东西吗?

干杯,阿迪

0 投票
2 回答
613 浏览

javascript - 我的网站上的 IE 中的 Javascript 怎么会损坏?

这是网站:http ://designsweeter.com/ 它适用于除 IE 之外的所有浏览器(任何版本,包括 9)。我正在使用 jQuery、Modernizr 和 slidesJs。但我的 javascript 都没有工作。任何线索为什么?这是 js 文件:http ://designsweeter.com/scripts.js

未缩小(它们在我的 js 文件中的顺序相同):

modernizr:http ://www.modernizr.com/downloads/modernizr-2.0.6.js jquery 1.6:http ://code.jquery.com/jquery-1.6.1.js jquery 缓动:http://gsgd。 co.uk/sandbox/jquery/easing/jquery.easing.1.3.js slidesjs:http ://designsweeter.com/non-packed-js/slides.js jQuery 平滑滚动:

谢谢!

0 投票
2 回答
2281 浏览

google-analytics - YepNope (Modernizr) 和谷歌分析

我正在使用出色的异步脚本加载器 yepnope.js(在 Modernizr2 中)。

我的问题是,将 latset Google Analtics 异步代码合并到 yepnope(如果有的话)的最佳方法是什么?

谷歌建议这个实际的分析代码:

但是在 Modernizrs 文档中,他们提到了这一点:

请注意底线:发布分析。我不想要一个新的 js 文件,因为那是另一个 HTTP 请求。

我应该把它放在 yepnope 之外吗?把它放在 yepnope 框架内有什么好处吗?

阿迪

0 投票
1 回答
1145 浏览

jquery - JQuery 淡化备份到 CSS 过渡 - Modernizr

我已经使用 CSS 过渡编写了一个图片库。如果 CSS 过渡不能被 modernizr 插件用作 picekd,它默认为淡入淡出效果。这种效果根本不起作用。任何人都可以看到代码的问题。CSS3 版本功能齐全。

编辑

我已将其重新制作为 addClass 和 removeClass,类似于 web-kit 的工作方式。JQuery 函数现在可以正常工作,没有控制台错误。虽然它不是特别流畅。使用 CSS-3 过渡,如果用户单击多个缩略图,即使效果进行到一半,图像也会轻轻过渡。JQuery 接缝堵塞然后开始跳来跳去。

对此有任何想法。

0 投票
2 回答
2012 浏览

css - html5 视频后备建议(无 Flash)

我正在寻找一种在某些情况下用图像替换 HTML5 视频的创造性方法。不想处理闪光灯或类似的东西来制作视频......宁愿给他们一个图像。

如果出现以下情况,请给他们图像:

  1. 如果桌面浏览器不支持 HTML5 视频

  2. 如果用户是移动的

看起来很简单......尤其是如果视频不受支持,则将 Modernizr 用于 css 标签display:none;......所以这里有一个警告:HTML5 视频是边缘到边缘并使用 JavaScript 以屏幕为中心,我希望图像有相同的行为。

我最初的想法很简单:海报属性。适用于 iPad 和 iPhone 3/3gs,但可在 iPhone 4 上播放。此外,在 IE 上不起作用,它显然说“我不知道这是什么”,甚至不打扰海报.

我在http://kzmnt.com/test/上设置了一个测试

期待您的建议!

0 投票
2 回答
4824 浏览

jquery - 如何测试移动 webkit

我正在寻找建立一个新网站,并希望采取负责任的“移动优先”方法。这种方法的一个原则是只加载您需要的内容,并避免在您真正需要它们之前包含大型浪费的库和框架。

为此,我打算使用modernizr2来​​测试功能,然后只加载所需的文件和库。

在 javascript 方面,我真的对使用像 zepto.js ( http://zeptojs.com/ ) 这样的东西很感兴趣,它是一个小型 javascript 库 (2-5k),针对移动 webkit(和单独的移动 webkit)进行了优化,同时维护一个 jquery 兼容的语法。它还被设计为可与完整的 jquery 一起“热交换”。所以我的策略是(在伪代码中):

  • 测试移动 webkit
  • 如果(真)加载zepto.js
  • if(false) 加载 jquery

但现在我的问题是:你们会推荐什么(面向未来的)技术来检测移动 webkit,最好以纯 JavaScript 方式(不使用 jquery、插件或其他库)并且可以与modernizr 的测试 API集成?

0 投票
1 回答
1031 浏览

modernizr - 现代化 - 如何

嗨,我正在测试modernizr,这是我所做的代码,我无法在查看源代码中看到html标签中的样式,有人知道为什么吗???

0 投票
2 回答
1179 浏览

jquery - 让 jQuery 图表/Sparklines 在 IE 中工作的最佳插件是什么?

我很难让出色的 jQuery Sparklines 插件在各种版本的 Internet Explorer 中工作。(插件参考: http: //omnipotent.net/jquery.sparkline/

我不得不承认,我还没有完全深入研究让 IE 跳舞的 JavaScript 黑客世界。我说的是 excanvas、dead edwards 的 IE 库或 Modernizr 等。我很高兴我有机会通过让 Sparklines 作为我的催化剂来了解更多信息。

因此,我想知道是否有人可以描述使用图表或迷你图的最佳附加功能?

一个开始研究和测试的地方是我最想要的。

谢谢,克里斯