Question

我正在使用owl-carousel jquery插件和instafeedjs。当instafeedjs运行时，owl-carousel没有看到子元素。当我尝试使用长度函数查找元素（类instaImg）时，它会返回0.但我确定它有27个元素。我怎么能找到元素？我认为问题是在页面加载后不安全创建元素但我尝试setTimeOut（）它仍然返回0。

有人有任何建议或简单的插件吗？

代码：

＆＃13;

 var feed = new Instafeed({
        get: 'tagged',
        tagName: 'awsome',
        clientId: 'xxxxxxxxxxxx',
		template: '<div class="instaImg"><a href="{{link}}"><img src="{{image}}" /></a></div>',
		resolution : 'thumbnail'
    });
    feed.run();

$(document).ready(function(e) {
 	var count =$('.instaImg').length; 
 console.log(count);   
});

＆＃13;

<div id="instafeed" class="instaThings" style="width:9999999px;"></div>

＆＃13;

<script src="https://raw.githubusercontent.com/stevenschobert/instafeed.js/master/instafeed.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

＆＃13;

Answer 1

将您的Instafeed部件放在文件就绪处理程序中你在加载之前调用了instafeed 这就是为什么当instafeed试图做的时候：

document.getElementById('instafeed')

它因失败而停止。

所以这是解决方案：

$(function(e) {
  var feed = new Instafeed({
    target: 'instafeed',
    get: 'tagged',
    tagName: 'awsome',
    clientId: 'bf6f84fcd7d643daa915f14a5fef657e',
    template: '<div class="instaImg"><a href="{{link}}"><img src="{{image}}" /></a></div>',
    resolution : 'thumbnail'
  });
  feed.run();
  var count =$('.instaImg').length; 
  console.log(count);   
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://raw.githubusercontent.com/stevenschobert/instafeed.js/master/instafeed.min.js"></script>

<div id="instafeed" class="instaThings" style="width:9999999px;"></div>

Jquery轮播动态

1 个答案: