同位素JS+；Phonegap:Android项目

我正在使用Phonegap将一个项目部署到iOS和Android平板电脑上，SotoEJS正在用于布置应用程序基于图像的菜单

相关代码在JSFIDLE中，有一个显著的区别，即调用MainMenuInit（）是为了响应DeviceReady事件，而在这里它是从document.ready调用的

它在小提琴中正确地布置了项目，但是当通过Phonegap部署到我的Android设备时，同位素菜单被折叠，所有项目都覆盖在同一位置

这是该设备的屏幕截图

---

在设备上调试不会给logCat带来任何明显的错误。

我发现了两个使用同位素的窍门，顺便说一句，我还没有掌握

设置图像的宽度和高度 如果可以，请尝试从一开始就设置图像的宽度和高度，如果使用最新方法，请以编程方式设置图像的宽度和高度，并刷新内容包装器

<img src="img-file.jpg" width="280" height="160" />

$（窗口）.load（） 另一种解决方案是在$（window）.load（）中初始化同位素，而不是在$（document）.ready（）中初始化同位素。这将在加载页面上的所有媒体后触发

$(window).load(function(){
  $('#container').isotope({
    // options...
  });
});

---

希望它能有所帮助，并让我们知道它是如何工作的。

也许你应该在回答之前查看一下小提琴，这两件事都已经包括在内了

var $container = $('#container');

$container.imagesLoaded( function(){
  $container.isotope({
    // options...
  });
});

$(window).load(function(){
  $('#container').isotope({
    // options...
  });
});