在本文中，我们将给您介绍关于IE6中的HTML5自定义数据属性是否为“ork”？的详细内容，并且为您解答html5data-*自定义属性的相关问题，此外，我们还将为您提供关于asp.net-mvc–如
在本文中，我们将给您介绍关于IE 6 中的 HTML5 自定义数据属性是否为“ork”？的详细内容，并且为您解答html5 data-*自定义属性的相关问题，此外，我们还将为您提供关于asp.net-mvc – 如何将自定义数据属性和类添加到`@ Html.EditorFor`？、html – Rails：如何在collection_select中添加自定义数据属性、html – 使用自定义数据属性是否产生浏览器兼容性问题？、html – 自定义数据属性的CSS选择器？的知识。
本文目录一览：- IE 6 中的 HTML5 自定义数据属性是否为“ork”？（html5 data-*自定义属性）
- asp.net-mvc – 如何将自定义数据属性和类添加到`@ Html.EditorFor`？
- html – Rails：如何在collection_select中添加自定义数据属性
- html – 使用自定义数据属性是否产生浏览器兼容性问题？
- html – 自定义数据属性的CSS选择器？
IE 6 中的 HTML5 自定义数据属性是否为“ork”？（html5 data-*自定义属性）
自定义数据属性：http ://dev.w3.org/html5/spec/Overview.html#embedding-custom-non-
visible-data
当我说“ork”时，我的意思是，如果我得到这样的 HTML：
<div id="geoff" data-geoff="geoff de geoff">将以下JavaScript：
var geoff = document.getElementById(''geoff'');alert(geoff.dataGeoff);在 IE 6 中生成带有“eoff de geoff”的警报？
答案1
小编典典您可以使用 检索自定义（或您自己的）属性的值getAttribute。按照你的例子
<div id="geoff" data-geoff="geoff de geoff">我可以获得data-geoff使用的价值
var geoff = document.getElementById("geoff");alert(geoff.getAttribute("data-geoff"));请参阅MSDN。虽然那里提到你需要 IE7 才能让它工作，但我前一段时间用 IE6
测试了它，它运行正常（即使在怪癖模式下）。
但这当然与 HTML5 特定的属性无关。
asp.net-mvc – 如何将自定义数据属性和类添加到`@ Html.EditorFor`？
@Html.EditorFor(model => model.Percent,new { @})
但它只是忽略了我的课程,从我可以通过搜索来看,该模板不支持添加自定义属性.
但是,如何创建自定义模板,添加对自定义属性的支持,同时保留旧模板的所有功能？
解决方法
> Add css class to Html.EditorFor in MVC 2
> Set the class attribute to Html.EditorFor in ASP.NET MVC Razor View
> ASP.NET MVC 3 Razor – Adding class to EditorFor
还有更多的例子,只有谷歌.
我希望这有帮助.
html – Rails：如何在collection_select中添加自定义数据属性
我在stackoverflow上研究了一些帖子,并在查阅了一些api文档后做了大量的试验和错误.我几乎在那里,但遗憾的是我的解决方案只将属性添加到select-tag而不是选项标签.
这样我填充html-options-hash(第6位)：
<%= f.collection_select(:parallax_id,@parallax.all,:id,:title,{},{ :"data-icon" => @parallax.map{ |p| "#{p.image}"}} ) %>
这导致选择标记如：
<select data-icon="/uploads/image/image/4/169_strecken-ausgang.jpg" name="game[parallax_id]" id="game_parallax_id">...</select>
但我想要获取data-icon属性的选项.当我切换位置并将我的数据图标添加到options-hash(第5个位置)时,不会输出任何内容.
解决方法
= f.select :parallax_id,options_for_select(@parallax.map {|p| [p.title,p.id,{'data-icon' => p.image }]})
html – 使用自定义数据属性是否产生浏览器兼容性问题？
我使用的是jQuery 1.6,而我的特定场景涉及到一些情况,我需要为几个动作引用一个commentId.
<div data-comment-id="comment-1" id="comment-1"> <a></a> </div>
在jQueryin中提取数据标签更容易：$(‘foo’).data(‘commentId’);
从id中提取一个子字符串似乎有点复杂,可能会由于某种原因而中断：< a id =“comment-1” 任何一种方法都有无数的优点还是致命的缺陷？
解决方法
> ids需要是唯一的文档.
因此它们在他们可以携带的语义上是有限的
>每个元素可以有多个数据属性
在你的情况下可能不那么相关：
>更改ID可能会破坏idrefs
(但是,我不知道我是否完全理解您的规范,因为在获取数据属性$(‘.foo’).attr(‘id’);)中提取jquery中的元素id是微不足道的.
你可能对this browser compatibility site for web technologies感兴趣.
如果xhtml是一个问题,您可能还会对如何在xhtml中使用自定义数据属性感兴趣：有关使用命名空间的xhtml兼容方法,请参阅here有关SO和here的讨论.
希望有所帮助,
最好的问候,carsten
html – 自定义数据属性的CSS选择器？
以下是上述问题的相关代码.
HTML
<divdata-favorite="1">
<div>
<span>★</span>
<span>Italian Pizza: salmon,olives,onion,tomato,blue-cheese</span>
</div>
</div>
CSS
[data-favorite=1] {
background: #AAA;
border-left: 3px solid green
}
.favorite {
font-size: 2em;
padding: 0 1 0 1em;
}
[data-favorite=1] .favorite {
color:yellow;
}
[data-favorite=0] .favorite {
color:#AAA;
}
Fiddle
解决方法
[data-favorite="1"] {}
不同之处在于值周围的引号“”.
这是工作jsFiddle
我们今天的关于IE 6 中的 HTML5 自定义数据属性是否为“ork”？和html5 data-*自定义属性的分享就到这里，谢谢您的阅读，如果想了解更多关于asp.net-mvc – 如何将自定义数据属性和类添加到`@ Html.EditorFor`？、html – Rails：如何在collection_select中添加自定义数据属性、html – 使用自定义数据属性是否产生浏览器兼容性问题？、html – 自定义数据属性的CSS选择器？的相关信息，可以在本站进行搜索。
本文标签：
