标签: custom-data-attribute

我认为我正在使用removeData但它似乎没有工作,这是我在开发控制台中看到的,有人可以解释我做错了吗？

我正在输出当前的数据属性值,调用removeData,然后再次输出该值,它仍然存在.

$('.questionList > li').eq(1).data('fieldlength')
3
$('.questionList > li').eq(1).removeData('fieldlength');
[
<li class=?"questionBox" data-createproblem=?"false" data-fieldlength=?"3" data-picklistvalues data-required=?"true" data-sfid=?"a04d000000ZBaM3AAL" data-type=?"Text">?
<div class=?"questionLabel">?Birthdate?</div>?
</li>?
]
$('.questionList > li').eq(1).data('fieldlength')
3

在定义valuefor onClick属性时,我们知道如下语法:

<button type="submit" onclick="alert('hi');"></button>
<button type="submit" onclick="doWork"></button> <!-- This one doesn't work -->
<button type="submit" onclick="doWork()"></button>
<button type="submit" onclick="doWork('Mike', 2)"></button>

我感兴趣的是定义一个自定义data-attribute并执行如下值:

<button type="submit" data-callback="alert('hi');"      class="marker"></button>
<button type="submit" data-callback="doWork"            class="marker"></button>
<button type="submit" data-callback="doWork()"          class="marker"></button>
<button type="submit" data-callback="doWork('Mike', 2)" class="marker"></button>

<script type="text/javascript">
    jQuery("body").on("click","button.marker", function(e) {
        var callback = jQuery(e.currentTarget).data("callback");

        // Now I need to execute the callback no matter of the format
        // 1. Execute as function's body
        // 2. Or by function 'name'
        // 3. …

html对象:

 <div data-myAttribute="test"></div>

代码:

 var $o = $("div");

 $.each($o.data(),function(k,v){
    console.log(k); 
    //writes 'myattribute' instead of 'myAttribute'
 });

如何保留属性的大小写？

我想使用自定义布尔属性将元素的内容标记为可编辑.我知道data-*属性,但不确定它们是否需要值.我不需要data-is_editable="false",因为缺少属性是等价的.我只关心它是否为"真"(如果属性存在).我知道我可以使用其他属性,class但我不想,因为它似乎有点不合适(纠正我,如果我错了).

这是我正在阅读的资源,也许是错误的文件,或者我忽略了我正在寻找的信息:http: //www.w3.org/html/wg/drafts/html/master/dom.html#自定义数据属性

那么,例如,这是合法有效的吗？

<div data-editable data-draggable> My content </div>

我正在通过jQuery更新数据属性,如:

jQuery('div').data('hidden', 'true');
alert(jQuery('div').data('hidden'));

数据属性值改变并返回新值,true但DOM仍显示旧值false.

如何data-在{{#linkTo}}帮助程序上设置自定义属性？我想用这个:

{{#linkTo "foo" data-toggle="dropdown"}}foo{{/linkTo}}

结果应如下所示:

<a id="ember323" class="ember-view active"  data-toggle="dropdown" href="#/foo/123">foo</a>

但它看起来像:

<a id="ember323" class="ember-view active"  href="#/foo/123">foo</a>

我怎样才能做到这一点？

假设您有以下HTML5

<select id="example">
    <option value="AA" data-id="143">AA</option>
    <option value="BB" data-id="344">BB</option>
</select>

$("#example").select2();

如何从所选选项中获取数据ID？

我正在尝试在输入上创建一个包含一些自定义数据属性的表单:

<input type="text" data-family="Dinosaurs">

这似乎是一个很好的干净方式,使用jquery轻松前端访问(哈哈!):

$("[data-family='Dinosaurs']").doSomething()

问题是我无法获得Rails(3.0.3)来呈现属性.

<%= f.text_field :question, :id=>"poll_question", :class=>"BigInput", :style=>"width:98%;", :attributes=>"data-submit_clear='1'" %>

我尝试了许多排列无济于事,无法找到如何做到这一点的例子.我是否需要修改text_field帮助程序以支持任何自定义属性？

var max = this.collection.max(function(player) {
    return player.get('points');
});

我花了几个小时玩backbone.js试图找出如何检查我的最大模型是否发生变化,这几乎是不可能的,所以我决定将模型cid设置为数据属性,现在似乎无法检查数据是否 - 属性变化？

我设置了这样的属性,

$(this.$el).attr('data-id', max.cid)

当我的应用重新渲染数据属性时,可能会或可能不会获得新值.我真的不确定如何检查它是否有变化,我已经看到了很多各种脏的黑客和setInterval功能,但没有什么看起来很干净,所以我希望有人知道一个很好的干净方式来做到这一点？

基本上我只想控制元素,如果它从另一个模型渲染新数据(意味着如果另一个模型采用最大值),我需要检查id以确认模型是新版本,并运行动画或渲染它表明它是一个新的模型.

例如,requireJS使用以下语法:

<script data-main="scripts/main" src="scripts/require.js"></script>

在其文档中,您可以阅读:

data-main属性告诉require.js在require.js加载后加载scripts/main.js.

1. 那个(脚本加载顺序)怎么可能？
2. 如果js文件的名称是nomain.js,那么data-attribute是"data-nomain"吗？
3. 我在html5规范中看不到有关它的信息,或者我看错了地方？

谢谢