javascript - 如何重新加载html标签对象数据？

Question

我想在 scrollTop 到达特定位置时重新加载 svg 文件。使用 object 标记将 Svg 添加到 html 页面。

html代码

<section class="section" id="svg-scroll">
.....
<object type="image/svg+xml" data="http://reussis.com/demo/vardan/svg/icons_-04.svg"></object>
....
<object type="image/svg+xml" data="http://reussis.com/demo/vardan/svg/icons_-03.svg"></object>
.....</section>

脚本

$(document).ready(function(){
    svg_scroll_function();
    $(window).scroll(function() {    
            svg_scroll_function();
    }); 
})
function svg_scroll_function() {
     var scroll = $(window).scrollTop();

    if (scroll >= ($('#svg-scroll').offset().top -80)) {

        $('object').reload();// Here i want to reload something
    }
}

Answer 1

仅一次，将 root 中的 first_time var 设置为 true；

var first_time = true; //this should be outside of scroll function
...
if(first_time){
  $('object').each(function(index,el){
    $(el).attr('data', $(el).attr('data'));
  });
  first_time = false;
}