Fix making header linkable

jadarve · Jun 21, 2020 · 0d7267f · 0d7267f
1 parent ef7d0fe
commit 0d7267f
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 6 deletions.
diff --git a/layouts/_default/single.html b/layouts/_default/single.html
@@ -28,7 +28,7 @@ <h5 class="author-name">{{ partial "helpers/get-author-name.html" . }}</h5>
  <h1>{{ .Page.Title }}</h1>
  </div>
 
- <div class="post-content">
+ <div class="post-content" id="post-content">
  {{ .Page.Content }}
  </div>
 

diff --git a/static/assets/js/single.js b/static/assets/js/single.js
@@ -25,11 +25,14 @@ var isMobile = false, isTablet = false, isLaptop = false;
  element.innerHTML = `<a href="#${element.id}" class="header-anchor">${element.innerHTML}<sup><i class="fas fa-link"></i></sup></a>`;
  }
 
- var headerTypes = ["h1", "h2", "h3", "h4", "h5", "h6"];
- for (var i = 0; i < headerTypes.length; i++) {
- var headers = document.querySelectorAll(headerTypes[i]);
- if (headers) {
- headers.forEach(addAnchor);
+ var postContent = document.getElementById("post-content");
+ if (postContent != null) {
+ var headerTypes = ["h1", "h2", "h3", "h4", "h5", "h6"];
+ for (var i = 0; i < headerTypes.length; i++) {
+ var headers = postContent.querySelectorAll(headerTypes[i]);
+ if (headers) {
+ headers.forEach(addAnchor);
+ }
  }
  }