jQueryプラグインの使用法：hrefまたはdata-url

Question

liをフォルダタイルに変換するjQueryを作成しています。

私はプラグインを使用するため優れているかを決めることはできません。

URLデータのURLのhref

<ul id="folders"> 
    <li><a href="http://ggg.net/content/?folder=hospital">Hospital Folder</a></li> 
    <li><a href="http://ggg.net/content/?folder=school">School Folder</a></li> 
    <li><a href="http://ggg.net/content/?folder=house">House Folder</a></li> 
</ul> 

または

URLで

<ul id="folders"> 
    <li data-url="http://ggg.com/content/?folder=hospital">Hospital Folder</li> 
    <li data-url="http://ggg.com/content/?folder=school">School Folder</li> 
    <li data-url="http://ggg.com/content/?folder=house">House Folder</li> 
</ul> 

プラグインが蹴られた後の出力HTML：

<div id="folders"> 
    <div class="row"> 
     <div class="col-md-3 folder"> 
      <a href="http://ggg.com/content/?folder=hospital"> 
       <i class="fa fa-folder"></i> 
       <p>Hospital Folder</p> 
      </a> 
     </div> 
     <div class="col-md-3 folder"> 
      <a href="http://ggg.com/content/?folder=school"> 
       <i class="fa fa-folder"></i> 
       <p>School Folder</p> 
      </a> 
     </div> 
     <div class="col-md-3 folder"> 
      <a href="http://ggg.com/content/?folder=house"> 
       <i class="fa fa-folder"></i> 
       <p>House Folder</p> 
      </a> 
     </div> 
    </div> 
</div> 

Answer 1

When the JavaScript doesn't runどれが良いですか？何もしないリンクやデータ属性として働くリンク？

リアルリンクのバージョンを使用してください。 JavaScriptをunobtrusiveにする。 progressive enhacementを使用してください。

---

そのため、JavaScriptを使用してDOMを変換する必要はありません。あなたがそれを最終的にする方法でHTMLを書くだけで、JavaScriptが後でそれを書き換えるので、フラッシュを避けることができます。