Question

我的剧本有点问题。

我想添加div＃widget-thumbnailnails但是当我滚动这个div时总是添加t [0]而不是在另一个div上，而这个div还不存在。

我不想在这个脚本中使用jQuery。

如果您对我能纠正的方式有任何想法？

(function(){
  try{
  document.addEventListener("scroll", function(){
    var x = document.getElementsByClassName("page-content-leftcol");
    for(i=0;i < x.length; i++){
      if (x[i].querySelector("#widget-thumbnails") === null){
      var t = document.querySelectorAll(".comment-part"); 
      var widget_id = JSON.parse('{"wid_id":"id_account"}');

     if (t.length && typeof widget_id === "object"){
      t[i].insertAdjacentHTML('beforebegin', '<div id="widget-thumbnails"></div>'); // I think the issue is here or maybe i don't use the good way to verify the var x.
      window._widget = window._widget || [];
      _widget.push({article:'auto'});
      !function (e, f, u) {
        e.async = 1;
        e.src = u;
        f.parentNode.insertBefore(e, f);
      }(document.createElement('script'), 
        document.getElementsByTagName('script')[0], 
        '//cdn.widget.com/libtrc/'+ widget_id['wid_id'] +'/loader.js');
      _widget.push({mode: 'thumbnails-d', container: 'widget-thumbnails', placement: 'Below Article Thumbnails', target_type: 'mix'});  
      _widget.push({flush: true});
     }
    }
  }
  });
  } 
  catch(e){
      console.error("--- Widget : Something Bad Happened", e);
  }
})();

我做了这个小提琴，这是我的问题的一个完美例子：https://jsfiddle.net/to6ygxmb/1/

非常感谢社区

在滚动（无限滚动页面）上添加一个新的div，并验证此div是否已存在

0 个答案: