0

そこで、tumblr テンプレートを作成し、stylehatch の Photoset-grid プラグインを使用しています。プラグインは機能し、カスタム html セクションで完全に機能するグリッドを作成できます。

問題は、新しいタンブラー投稿を作成し、投稿のhtmlを編集してdivの「データレイアウト」部分を含めるたびに、タンブラーがそれを消去することです。(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 値を保存します。次に、その値で「data-layout」属性を作成します。最後に、id 属性を削除します。

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