のSharePoint 2013：推進リンクラップタイル

Question

私たちは、次の資料で説明するように推進し、リンク内のタイルをラップするためのソリューションを実装している：

SharePoint 2013: Promoted Links Wrap Tiles

これが私たちのためにうまく機能は、しかし、今、私たちはを利用したいです複数の昇格リンクリスト。テクニックページでは、誰かがすでに私たちに必要なものと同じことを求めていますが、まだ答えはありません。私は、WebPartWPQ4という同じ要求を持つ人物と同じWebパーツIDを取得していることに気付きました。

var numberOfPromotedLinks = $('.ms-promlink-body > .ms-tileview-tile- root').length; 

私はこのようにそれを修正しようとしました：：

var numberOfPromotedLinks = $('#WebPartWPQ4 > .ms-promlink-body > .ms-tileview-tile-root').length; 

しかしそのdoesnの私は昇進のリンクアイテムを見つけた行を変更する必要があることを考え出しスクリプトを自分の谷行く

仕事はありません。カテゴリー列で

Answer 1

1. 歯車をクリックして、Editページ
2. が
3. 挿入]タブを選択して選択Webパーツ
4. - 部品の欄にはメディア・コンテンツ
5. をクリックします - で
6. スクリプトエディタをクリックします右クリック - 追加をクリック
7. 「新しいスクリプトエディタ」ボックス（おそらく[2]）で、右隅に表示されている下矢印をクリックし、Webパrt。
8. 次に、表示されるEDIT SNIPPETをクリックします。
9. 「埋め込みコード」ボックスに次のテキストを貼り付けます。

<script type="text/javascript" src="https://code.jquery.com/jquery-1.10.2.min.js "></script> 

<script type="text/javascript"> 
$(document).ready(function() { 

// Update this value to the number of links you want to show per row 

var numberOfLinksPerRow = 3; 

// local variables 

var pre = "<tr><td><div class='ms-promlink-body' id='promlink_row_"; 
var post = "'></div></td></tr>"; 
var numberOfLinksInCurrentRow = numberOfLinksPerRow; 
var currentRow = 1 

// find the number of promoted links we're displaying 
var numberOfPromotedLinks = $('.ms-promlink-body > .ms-tileview-tile-root').length; 

    // if we have more links then we want in a row, let's continue 
    if (numberOfPromotedLinks > numberOfLinksPerRow) { 

    // we don't need the header anymore, no cycling through links 
    $('.ms-promlink-root > .ms-promlink-header').empty(); 

    // let's iterate through all the links after the maximum displayed link 
    for (i = numberOfLinksPerRow + 1; i <= numberOfPromotedLinks; i++) { 

     // if we're reached the maximum number of links to show per row, add a new row 
     // this happens the first time, with the values set initially 
     if (numberOfLinksInCurrentRow == numberOfLinksPerRow) { 

     // i just want the 2nd row to 
     currentRow++; 

     // create a new row of links 
     $('.ms-promlink-root > table > tbody:last').append(pre + currentRow + post); 
     // reset the number of links for the current row 
     numberOfLinksInCurrentRow = 0 } // move the Nth (numberOfLinksPerRow + 1) div to the current table row 

    $('.ms-promlink-body > .ms-tileview-tile-root:nth-child(' + (numberOfLinksPerRow + 1) + ')').appendTo($('#promlink_row_' + currentRow)); 

    // increment the number of links in the current row 
    numberOfLinksInCurrentRow++; } 
} 
}); 
</script>