0

所以我正在构建一个 tumblr 模板，并且我正在使用 stylehatch 的 Photoset-grid 插件。该插件有效，并且在自定义 html 部分中，我可以制作一个功能齐全的网格。

问题是，每当我发布新的 tumblr 帖子并编辑帖子 html 以包含 div 的“数据布局”部分时，tumblr 都会删除它。（显然，Tumblr 帖子只能在 div 中包含自定义类和 id）

我需要的标记是这样的：

<div class="photoset-grid" data-layout="132">

但是当我保存帖子时，tumblr 会删除数据布局部分，所以我得到了这个：

<div class="photoset-grid">

我的问题是：我可以使用 jquery 替换 div id 来代替数据布局吗？

所以如果我写这个：

<div class="photoset-grid" id="132">

jquery 可以在插件加载之前将其更改为它以使其正常工作吗？

<div class="photoset-grid" data-layout="132">
4

2 回答 2

3

您不能直接替换属性，但您可以简单地获取 id 属性值，创建新的数据属性，并删除 ID 属性。

$(".photoset-grid").attr("data-layout", function () { return this.id })
    .removeAttr("id");

http://jsfiddle.net/ERCPB/

于 2013-08-20T20:51:29.397 回答
0

您可以通过几个步骤来完成。首先，保存 id 值。其次，使用该值创建一个“数据布局”属性。最后，删除 id 属性。

$('.photoset-grid').each(function(){ 
    var identifier = $(this).attr('id'); 
    $(this).attr('data-layout',identifier).removeAttr('id');
});
于 2013-08-20T20:50:44.147 回答