Tag: 自定义数据属性
如何在HTML元素中设置数据属性
我有一个属性data-myval = "10"的div。 我想更新它的价值; 如果我使用div.data('myval',20)不会改变吗？ 我需要使用div.attr('data-myval','20')吗？ 我对HTML5和jQuery感到困惑吗？ 请指教。 谢谢！ 编辑：更新div.data('myval')=20 div.data('myval',20) ，但HTML仍然不更新。
空的HTML5数据属性是否有效？
我想写一个简单的jQuery插件，在指定的元素下显示内联模式。 我的想法是让脚本根据元素上指定的数据属性进行自动初始化。 一个非常基本的例子： <p data-modal-target>Hover over me for an inline modal!</p> <div data-modal-content data-modal-align="right" data-modal-trigger="hover" data-modal-offset="10px"><!– any desired syntax can go here –></div> 我只是想知道在上面的例子中的data-modal-target是否有效，还是必须是data-modal-target="true" ？ 我不关心任何比IE9更棘手的问题，我唯一的要求是它是有效的HTML5。
在CSS中按数据属性select元素
是否可以通过CSS5中的HTML5数据属性（例如data-role ）select元素？
如何在ASP.NET MVC中使用HTML-5 data- *属性中的破折号
我正在尝试在ASP.NET MVC 1项目中使用HTML5数据属性 。 （我是一个C＃和ASP.NET MVC新手。） <%= Html.ActionLink("« Previous", "Search", new { keyword = Model.Keyword, page = Model.currPage – 1}, new { @class = "prev", data-details = "Some Details" })%> 上述htmlAttributes中的“data-details”给出了以下错误： CS0746: Invalid anonymous type member declarator. Anonymous type members must be declared with a member assignment, simple name or member access. 它在我使用data_details的时候工作，但是我想它应该按照规范开始“data-”。 我的问题： 有什么办法得到这个工作，并使用Html.ActionLink或类似的Html助手HTML5数据属性？ […]
HTML属性的长度是否有限制？
HTML中的属性值需要多长时间？ 我在一个新的应用程序中使用了HTML5风格的数据属性（ data-foo="bar" ），并且在一个地方存储一个公平的数据（100个字符以上）非常方便。 虽然我怀疑这个数字是好的，但是这提出了多less太多的问题？
如何获得data-id属性？
我正在使用jquery quicksand插件。 我需要得到被点击的项目的数据ID并传递给一个web服务。 我如何获得data-id属性？ 我正在使用.live()方法重新绑定sorting项目的点击事件。 Html看起来像这样： <ul id="list" class="grid"> <li data-id="id-40" class="win"> <a id="ctl00_cphBody_ListView1_ctrl0_SelectButton" class="project" href="#"> <img src="themes/cleanhttp://img.dovov.comwin.jpg" class="project-image" alt="" /> </a> </li> </ul> 而我的JavaScript看起来像这样： $("#list li").live('click',function(){ // ret = DetailsView.GetProject($(this).attr("#data-id"), OnComplete, OnTimeOut, OnError); alert($(this).attr("#data-id")); });
在IE 6中做HTML5自定义数据属性“工作”？
自定义数据属性： http : //dev.w3.org/html5/spec/Overview.html#embedding-custom-non-visible-data 当我说“工作”，我的意思是，如果我有这样的HTML： <div id="geoff" data-geoff="geoff de geoff"> 将下面的JavaScript： var geoff = document.getElementById('geoff'); alert(geoff.dataGeoff); 在IE 6中产生一个“geoff de geoff”的警报？
通过数据属性select元素
有一种简单而直接的方法来根据data属性select元素吗？ 例如，select具有值为22数据属性名为customerID所有锚点。 我有点犹豫是否使用rel或其他属性来存储这些信息，但是我发现根据存储在其中的数据来select元素要困难得多。
jQuery如何find一个基于数据属性值的元素？
我有以下情况： var el = 'li'; 在页面上有5个<li> ”，每个属性都有一个data-slide=number属性（编号分别为1,2,3,4,5） 。 我现在需要find当前活动的幻灯片编号，它被映射到var current = $('ul').data(current); 并在每次幻灯片更改时更新。 到目前为止，我的尝试已经不成功，试图构造匹配当前幻灯片的select器： $('ul').find(el+[data-slide=+current+]); 不匹配/返回任何东西… 我无法对li部分进行硬编码的原因是，这是一个用户可访问的variables，如果需要可以更改为不同的元素，所以它可能并不总是一个li 。 任何想法，我失踪？
jQuery数据与Attr？
使用data-someAttribute时， $.data和$.attr之间的用法有什么区别？ 我的理解是$.data被存储在jQuery的$.cache ，而不是DOM。 因此，如果我想使用$.cache进行数据存储，则应该使用$.data 。 如果我想添加HTML5数据属性，我应该使用$.attr("data-attribute", "myCoolValue") 。
