jquery - Jquery: 脚注ポップオーバーを作成する

Question

ある日から、いくつかのオンラインページで脚注のポップオーバーを実装する方法を見つけようとしています。私と何人かの友人は、laravel の上に構築された素晴らしい cms である octoberCMS を使用して新しい Web サイトを開発しています。

本から大量のページ、章を生成し、HTML でサイトにインポートしました。このスクリプトを使用して、ファイルを doc から html に変換しました。

ただし、タグ<a class="footnote" href="#footnote1">(1)</a>を使用せずに、このように脚注をフォーマットしました。<sup>

bigfoot.jsを使用してタスクを成功させようとしましたが、dom で正しい html をインターセプトできないパラメーターを設定しようとしました。

違いは次のとおりです: bigfoot.js 形式

<sup id="fnref:1"><a href="#fn:1" rel="footnote">(1)</a></sup>
<div class="footnotes">
    <ol>
      <li class="footnote" id="fn:1">
          <p>Cake topping jelly-o caramels.<a href="#fnref:1" title="return to article"> ↩&lt;/a><p>
      </li>

私のフォーマット

<a class="footnote" href="#footnote1">(1)</a>
<h2>Notes</h2>
<p class="footnoteContent" id="footnote1">

今、どの方法に従うべきかわかりません。検索を介してマークアップを変更し、notepad ++で置き換えてみてください。<a class="footnote" href="#footnote1">(1)</a>しかし、すべての参照を からに自動的に変更する方法がわかりません <sup id="fnref:1"><a href="#fn:1" rel="footnote">(1)</a></sup>

または、jquery 関数を使用して、クラスの脚注ですべてをインターセプトし、それらをポップオーバーに追加します。たとえば、ブートストラップの組み込み popover 関数などを使用します。

提案がありますか？

さよなら