Upate new tab

_includes/scripts/misc.liquid

@@ -31,3 +31,6 @@
 <script src="{{ '/assets/js/no_defer.js' | relative_url | bust_file_cache }}"></script>
 <script defer src="{{ '/assets/js/common.js' | relative_url | bust_file_cache }}"></script>
 <script defer src="{{ '/assets/js/copy_code.js' | relative_url | bust_file_cache }}" type="text/javascript"></script>
+
+<!-- Jupyter Open External Links New Tab -->
+<script defer src="{{ '/assets/js/jupyter_new_tab.js' | relative_url | bust_file_cache }}"></script>

assets/js/common.js

@@ -50,21 +50,4 @@ $(document).ready(function () {
       });
     }
   });
-
-  // Let external links in jupyter notebooks open in new tab
-  let jupyterNotebooks = document.getElementsByClassName("jupyter-notebook-iframe-container");
-  for (let i = 0; i < jupyterNotebooks.length; i++) {
-    let bodyElement = jupyterNotebooks[i].getElementsByTagName("iframe")[0].contentWindow.document.body;
-    // Get all <a> elements in the bodyElement
-    var links = bodyElement.getElementsByTagName("a");
-
-    // Loop through each <a> element
-    for (var j = 0; j < links.length; j++) {
-      // Check if the <a> element has an 'href' attribute
-      if (links[j].getAttribute("href")) {
-        // Set the 'target' attribute to '_blank' to open the link in a new tab/window
-        links[j].setAttribute("target", "_blank");
-      }
-    }
-  }
 });

assets/js/jupyter_new_tab.js

@@ -0,0 +1,18 @@
+$(document).ready(function () {
+  // Let external links in jupyter notebooks open in new tab
+  let jupyterNotebooks = $(".jupyter-notebook-iframe-container");
+  jupyterNotebooks.each(function () {
+    let iframeBody = $(this).find("iframe").get(0).contentWindow.document.body;
+    // Get all <a> elements in the bodyElement
+    let links = $(iframeBody).find("a");
+
+    // Loop through each <a> element
+    links.each(function () {
+      // Check if the <a> element has an 'href' attribute
+      if ($(this).attr("href")) {
+        // Set the 'target' attribute to '_blank' to open the link in a new tab/window
+        $(this).attr("target", "_blank");
+      }
+    });
+  });
+});