在我的 ST2 应用程序中,我有index.html
<script id="jquery" type="text/javascript" src="resources/js/jquery-1.8.2.js"></script>
<script id="masonry" type="text/javascript" src="resources/js/masonry-2.1.5.js"></script>
也
<script>
$(document).ready(function(){
var $container = $('.x-list-container');
$container.imagesLoaded(function(){
$container.masonry({
itemSelector: '.x-list-item',
});
});
});
</script>
我在应用程序上的首页是一个列表,因此它包含这样的元素
<div class="x-list-container">
<div class="x-list-item"></div> // 'x-list-item' is the block I want to float
<div class="x-list-item"></div>
...
</div>
但是,一旦所有内容都加载完毕并且我检查.x-list-item
没有style
定位div
. 我在常规网络应用程序上使用 Masonry 有经验,但不能在这里工作。
就像 Masonry 根本没有运行一样。
它正在加载(在网络选项卡上检查)并且 jQuery 正在加载(在网络选项卡上并使用if (jQuery) {alert('hey there');
.
知道我做错了什么吗?}