我在页面 A 上使用带有指向页面 B 的 href 链接的 SVG 元素——页面 B 有一个脚本,该脚本调用 Trianglify api 来生成背景。
但是,如果您通过单击此链接导航到页面 B,则不会触发该脚本。如果刷新页面 B 上的页面,脚本触发并且后台工作。
有人可以帮我弄清楚如何在单击 href 元素时触发此脚本吗?
(应用程序是用 express/node 和车把编写的)这就是我触发它的方式:
<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>