问题标签 [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.
jquery - ie7 ie8 的 jquery load() 问题
嗨,由于某种原因,这段代码不能在 ie7/ie8 下运行。
检索 php 文件中 ID 为 $lang 的部分似乎有问题。该代码适用于所有其他浏览器,如果我这样称呼它,它适用于 ie7/ie8:
我不喜欢那样。
知道为什么 ie7/ie8 会这样吗?好的 ie7 我知道 => 这是废话 :-)
现在 php 文件只包含普通的 html5,如下所示:
更新:
看起来,是 HTML5 标签把它扔掉了???我正在使用modernizr,有人想尝试一下吗?在dom中只<article id="de" />
加载其余的被忽略。
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()
。
jquery - 通过modernizr加载jQuery
刚开始一个新的 HTML5 项目并使用modernizr.js
我在modernizr docs页面上注意到它说您可以使用以下内容:
所以在我的 HTML 中我有这个:
但是看着萤火虫,没有加载jquery。
我在这里遗漏了一些明显的东西吗?
干杯,阿迪
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 平滑滚动:
谢谢!
google-analytics - YepNope (Modernizr) 和谷歌分析
我正在使用出色的异步脚本加载器 yepnope.js(在 Modernizr2 中)。
我的问题是,将 latset Google Analtics 异步代码合并到 yepnope(如果有的话)的最佳方法是什么?
谷歌建议这个实际的分析代码:
但是在 Modernizrs 文档中,他们提到了这一点:
请注意底线:发布分析。我不想要一个新的 js 文件,因为那是另一个 HTTP 请求。
我应该把它放在 yepnope 之外吗?把它放在 yepnope 框架内有什么好处吗?
阿迪
jquery - JQuery 淡化备份到 CSS 过渡 - Modernizr
我已经使用 CSS 过渡编写了一个图片库。如果 CSS 过渡不能被 modernizr 插件用作 picekd,它默认为淡入淡出效果。这种效果根本不起作用。任何人都可以看到代码的问题。CSS3 版本功能齐全。
编辑
我已将其重新制作为 addClass 和 removeClass,类似于 web-kit 的工作方式。JQuery 函数现在可以正常工作,没有控制台错误。虽然它不是特别流畅。使用 CSS-3 过渡,如果用户单击多个缩略图,即使效果进行到一半,图像也会轻轻过渡。JQuery 接缝堵塞然后开始跳来跳去。
对此有任何想法。
css - html5 视频后备建议(无 Flash)
我正在寻找一种在某些情况下用图像替换 HTML5 视频的创造性方法。不想处理闪光灯或类似的东西来制作视频......宁愿给他们一个图像。
如果出现以下情况,请给他们图像:
如果桌面浏览器不支持 HTML5 视频
如果用户是移动的
看起来很简单......尤其是如果视频不受支持,则将 Modernizr 用于 css 标签display:none;
......所以这里有一个警告:HTML5 视频是边缘到边缘并使用 JavaScript 以屏幕为中心,我希望图像有相同的行为。
我最初的想法很简单:海报属性。适用于 iPad 和 iPhone 3/3gs,但可在 iPhone 4 上播放。此外,在 IE 上不起作用,它显然说“我不知道这是什么”,甚至不打扰海报.
我在http://kzmnt.com/test/上设置了一个测试
期待您的建议!
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集成?
modernizr - 现代化 - 如何
嗨,我正在测试modernizr,这是我所做的代码,我无法在查看源代码中看到html标签中的样式,有人知道为什么吗???
jquery - 让 jQuery 图表/Sparklines 在 IE 中工作的最佳插件是什么?
我很难让出色的 jQuery Sparklines 插件在各种版本的 Internet Explorer 中工作。(插件参考: http: //omnipotent.net/jquery.sparkline/)
我不得不承认,我还没有完全深入研究让 IE 跳舞的 JavaScript 黑客世界。我说的是 excanvas、dead edwards 的 IE 库或 Modernizr 等。我很高兴我有机会通过让 Sparklines 作为我的催化剂来了解更多信息。
因此,我想知道是否有人可以描述使用图表或迷你图的最佳附加功能?
一个开始研究和测试的地方是我最想要的。
谢谢,克里斯