我有一个后效 bodymovin.js SVG 动画,其 ID 位于某些路径上(附图)。我在这些上放置了一些 css 样式(cursor:pointer
),效果很好,但使用 jquery onClick 进行重定向似乎不起作用。有什么想法吗?
动画本身位于按下按钮后开始的叠加层中。
重定向代码:
<script>
$(function() {
document.getElementById("replay").onclick = function () {
location.href = "www.yoursite.com";
};
});
</script>
动画代码:
<script>
$( ".animation" ).click(function() {
var anim;
var elem = document.getElementById('bodymovin_overlay')
var animData = {
container: elem,
renderer: 'svg',
loop: false,
autoplay: true,
rendererSettings: {
progressiveLoad:false
},
path: 'data_overlay.json'
};
anim = bodymovin.loadAnimation(animData);
});
</script>
最佳答案
从 document.getElementById("#replay") 中删除 #。
使用 document.getElementById("replay") (原生 JS)或通过 jQuery $('#replay')
关于javascript - Onclick 后效果动画 (bodymovin.js) ID 没有任何反应,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/45138400/