svg - 内部リンクからのロード後にスクリプトをトリガーする

Question

ページ B への href リンクを含むページ A で SVG 要素を使用しています。ページ B には、Trianglify API を呼び出して背景を生成するスクリプトがあります。

ただし、このリンクをクリックしてページ B に移動すると、スクリプトはトリガーされません。ページ B でページを更新すると、スクリプトがトリガーされ、バックグラウンドが機能します。

href 要素をクリックするだけでこのスクリプトをトリガーする方法を誰かが教えてくれますか?

(アプリケーションはエクスプレス/ノードとハンドルバーで書かれています) これは私がそれをトリガーする方法です:

<div id="something"></div>

<script>
      var f = function(e) {
      console.log("ready");
      var something = document.getElementById('something');
      var dimensions = something.getClientRects()[0];
      var pattern = Trianglify({
          width: dimensions.width,
          height: dimensions.height
      });
      something.appendChild(pattern.canvas());
    }
    $("document").ready(f);

</script>

そして、これがページAのボタンです--

<a href="/contact" class="under animated fadeInRight">
    <rect x="100" y="15" width="10" height="10"/>
    <text x="117" y="25" style="opacity:.5;font-size:15px">CONTACT</text>
</a>