代码之家 › 专栏 › 技术社区 › pepe

无法在Sencha Touch 2应用程序中运行jQuery Masonry

jquery-masonry sencha-touch-2 jquery javascript

pepe · 技术社区 · 12 年前

在我的ST2应用程序中,我有 索引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'); 。

知道我做错了什么吗? }