1

因为从某些天开始，我试图弄清楚如何在一些在线页面中实现脚注的弹出框。我和一些朋友正在使用 octoberCMS 开发一个新网站，这是一个建立在 laravel 之上的令人惊叹的 cms。

我们已经从一本书中生成了大量的页面、章节，并以 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">

现在我不知道该采用哪种方式：尝试通过查找更改我的标记并用记事本++替换。但无法弄清楚如何自动将我的所有参考从更改 <a class="footnote" href="#footnote1">(1)</a>为<sup id="fnref:1"><a href="#fn:1" rel="footnote">(1)</a></sup>

或者使用 jquery 函数拦截所有带有类脚注的 a 并将它们附加到弹出框。例如，使用 bootstrap 内置的 popover 函数或类似的东西。

有建议吗？

再见

4

0 回答 0