从内部链接加载后触发脚本

时间:2016-11-25 04:00:06

标签: svg xlink trianglify

我在页面A上使用了一个SVG元素,其中一个href链接到了页面B--页面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>

0 个答案:

没有答案