我正在尝试使用Modernizr(YepNope)加载动态生成的Google字体样式表,但始终会收到此错误:
未捕获的SyntaxError:意外的标记ILLEGAL(css:1)
我的样式表看起来像这样:
http://fonts.googleapis.com/css?family=Holtwood+One+SC
而我正在通过它来称呼它
Modernizr.load({
load: ['css!http://fonts.googleapis.com/cssfamily=Holtwood+One+SC|Terminal+Dosis:700'],
callback:
function (url, result, key) {
console.log('loaded...!');
}
});
该网站说这个,但由于某种原因它只是不起作用.我认为资源被解析为脚本文件,这是导致错误的原因,但似乎无法使其工作=(
"使用css!前缀,您可以将其添加到任何文件名中,并且yepnope会将其视为css文件."
有人取得了类似的成功吗？谢谢!
我用modernizr加载jQuery,'complete'函数中的所有代码运行正常!但是,如果我试图从外部'Moderniz.load'调用一些js,那么firebug说:'$未定义'.
这有效:
<script>
Modernizr.load([
{
load: [ '//ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js', '//ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js'],
complete: function () {
if ( !window.jQuery ) {
Modernizr.load('/weblounge-sites/www/js/jquery-1.7.min.js', '/weblounge-sites/www/js/jqueryui-1.8.min.js');
}
}
},
{
load: [ 'some additional scripts' ],
complete: function() {
$ = jQuery;
$(document).ready(function(){
some js
});
});
}
},
{
test: Modernizr.boxshadow,
nope: 'polyfills/PIE.js',
}
]);
</script>
但是后来视图行的调用失败了:
<script>
$(document).ready(function(){
$('#hauptsponsoren').cycle({
fx: 'fade',
speed: 4000,
timeout: 10000
});
});
</script>
测试已存在于github repo中,但是当我尝试将其包含在我的页面上时,我收到错误,因此我不确定如何将其包含在我的文档中.在我的html <head>标签中,我链接了modernizr脚本,然后链接到我添加的测试:
<script src="js/modernizr-2.5.3-min.js"></script>
<script src="js/css-pointerevents.js"></script>
当我加载页面时,我得到一个javascript错误:Uncaught TypeError: Object #<Object> has no method 'addTest'它必须是对css-pointervents.js(Modernizr.addTest('pointerevents', function(){)的第一行的引用
我知道有很多关于在IE8中获得圆角的文章.我的问题是,如何使用Modernizr来支持CSS3/HTML5功能？
例如,为了在IE8中显示圆角,我使用的是CSS-3属性
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
我在我的页面中包含了Modernizr,但仍然无法在IE8中看到圆角.
我想知道为什么相机/选择文件的行为不仅在浏览器（Chrome、Safari）之间不同，而且在不同平台（Android Chrome 与 iPhone Chrome）上的相同浏览器之间也不同？
Modernizr.getusermedia返回trueAndroid 上的 Chrome，但返回falseiPhone 上的 Chrome。
问题：在 iPhone 上Modernizr.getusermedia === false，但在<input type="file" />菜单上 Chrome/Safari 建议我制作照片/视频。
问题： 有没有办法让 JavaScript 控制这种行为？
是否有类似 Modernizr 的方法来检测客户端对 uri 方案的支持，例如
<a href="sms:1-408-555-1212">New SMS Message</a>
或
<a href="whatsapp://send?text=Foo">New WhatsApp Message</a>
为了有条件地显示此类链接？
可能相关
我在我的网站上包括了Modernizr:
<script type="text/javascript" src="<?php bloginfo('template_directory'); ?>/js/modernizr.custom.js"></script>
我在custom.js中有这个:
if (Modernizr.mq("screen and (max-width:480)")) {
alert("hello");
}
我将浏览器的大小调整为480px,刷新了网站,但我没有看到任何警报.
有什么建议来解决这个问题
指针事件:没有在ie中运行
Modernizr.testAllProps('pointerEvents');
在ie中返回true.请帮助我说实话,或者说实话为什么我不能像其他浏览器那样实现它？
谢谢.
我有一个使用jQuery Mobile库和html5的移动网站.在这个网站上,我已经使用占位符标记输入(因为我隐藏了标签).
然而,我们都知道IE是不合适的,并且在IE10之前不支持占位符,但是我的客户希望这也能在IE9中工作(为什么他希望在移动网站上支持这个在我之外).
我已下载并安装了最新版本的modernizr脚本,但占位符仍未显示.有什么我需要做的才能使这项工作？
我包含的脚本:
<script src="/Scripts/jquery-2.0.3.js"></script>
<script src="/Scripts/jquery.unobtrusive-ajax.js"></script>
<script src="/Scripts/jquery.mobile-1.3.1.js"></script>
<script src="/Scripts/modernizr-2.6.2.js"></script>
示例html输入
<input class="textbox" data-val="true" data-val-length="The field Surname * must be a string with a maximum length of 150." data-val-length-max="150" data-val-required="Please enter your surname." id="Surname" name="Surname" placeholder="Surame *" type="text" value="" />
yepnope.jsno-jshtml中的一个类,我可以简单地在启动时添加类.在 /lib/startup.js
Meteor.startup(function() {
$('html').attr('class', 'no-js');
});
modernizr ×10
javascript ×4
css ×2
android ×1
asynchronous ×1
browser ×1
css3 ×1
debugging ×1
html ×1
html5 ×1
ios ×1
iphone ×1
jquery ×1
meteor ×1
placeholder ×1
uri-scheme ×1
yepnope ×1