标签: modernizr

基于Modernizr的不同方法:click vs hover

我希望能够根据Modernizr的触摸/非触摸输出在.mouseover和.click事件之间进行选择.

if (Modernizr.touch) {
  $(el).click(stuff);
  $(el).click(stuff);
} else {
  $(el).mouseover(stuff);
  $(el).mouseover(stuff);
}
Run Code Online (Sandbox Code Playgroud)

但我不想两次写出所有这些东西.是否可以定义一些东西,以便我可以调用:

if (Modernizr.touch) {correctEvent = click} else {correctEvent = mouseover}
$(el).correctEvent(stuff);
$(el).correctEvent(stuff);
Run Code Online (Sandbox Code Playgroud)

methods jquery function modernizr

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

如何使用modernizr添加CSS3圆角?

我试图在IE7和IE8中添加基于CSS3的圆角支持在下一页

测试网址:http://jaspreetkaur.com/postjoint

我已经包含了modernizr库,但它不起作用.是否需要添加任何代码才能使其在IE中运行?

css3 modernizr

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

哪个现代化测试将针对IE8?

我正在尝试设置一些css选择器,我需要设置几个我想在IE8中被忽略的(实际上任何IE <IE9,但没关系).

知道所有浏览器(包括IE9)都支持选择器但是IE8失败了,我可以安全使用哪个选择器?

换句话说,我希望做类似的事情

.someselectorthatfailsinie .mystyle { stuff for new browsers }
Run Code Online (Sandbox Code Playgroud)

编辑:我想用CSS做的是目标和样式复选框和单选按钮.虽然IE8支持这种处理 - 自定义框 - 它不支持input[type=checkbox]:checked + label:before伪复选框工作所必需的.

因此,我想从IE8"隐藏"整个css工作,并让它显示默认的无样式复选框.

css internet-explorer internet-explorer-8 modernizr

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

删除 JavaScript 中的所有标签元素

在我的应用程序中,我检查用户的浏览器是否支持HTML5并且能够在输入字段中显示占位符(使用Modernizr)。如果是这样,我想以labels自动化的方式从 HTML 文档中删除所有内容,但我真的不知道如何。

通俗地说,如果用户的浏览器支持占位符,我想把这个:

<label for="email">
  Email:
</label>
<input type="email" id="email" placeholder="Your email">
Run Code Online (Sandbox Code Playgroud)

进入这个 - 在每次出现 - :

<input type="email" id="email" placeholder="Your email">
Run Code Online (Sandbox Code Playgroud)

我所拥有的是:

if (Modernizr.input.placeholder) {
  // Remove all labels from the HTML document
}
Run Code Online (Sandbox Code Playgroud)

到目前为止,我将ids分配给标签并一个一个地删除它们,但我想要一种更有效的方法来做到这一点。

html javascript modernizr

0
推荐指数
1
解决办法
6244
查看次数

添加针对IE浏览器的CSS类:JavaScript或条件注释?

我的目标是从我的文档中删除IE条件注释<head>,但我认识到我仍然需要使用ie6,7,8特定的样式表(如果我错了,请纠正我).

例如,HTML5Boilerplate 3.0使用这些IE条件:

<!-- paulirish.com/2008/conditional-stylesheets-vs-css-hacks-answer-neither/ -->
<!--[if lt IE 7]><html class="no-js lt-ie9 lt-ie8 lt-ie7" lang="en"><![endif]-->
<!--[if IE 7]>   <html class="no-js lt-ie9 lt-ie8" lang="en"> <![endif]-->
<!--[if IE 8]>   <html class="no-js lt-ie9" lang="en"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js" lang="en"> <!--<![endif]-->
Run Code Online (Sandbox Code Playgroud)

所以相反,我想我想使用JavaScript将类添加到我的html标签中,从而得到这个(如图所示):

<html lang="en" class="ie6 ie7 ie8">

所以我的问题是:使用JavaScript将CSS类添加到我的文档的html元素而不是使用IE条件注释有什么缺点(后果)?

我现在能想到的一个效果:

  1. IE客户端可能禁用了JavaScript.对我来说这不是问题; 访问我网站的客户需要启用JS.

编辑:我将继续并承认添加这些类的最可靠的方法是(遗憾地)使用IE条件注释.谢谢大家对话.

javascript jquery internet-explorer conditional-comments modernizr

0
推荐指数
1
解决办法
1993
查看次数

如何使用Modernizr.js在IE上使用console.log

任何人都可以告诉我如何在我的应用程序中使用console.log throgh modernizr.js,它几乎在每个浏览器中都需要打开.

当我试图在IE 8中运行它时,它给我一个错误,控制台是未定义的.

javascript internet-explorer modernizr

-1
推荐指数
1
解决办法
3531
查看次数