如何使用jQuery同位素制作流体？

我正试图用jQuery同位素插件制作这个演示流体（在窗口调整大小时更改img大小），请按照下面的步骤操作。
我的代码有问题吗？
为什么window.resize似乎不起作用？ 也不要使用smartresize方法。
如有任何建议，将不胜感激，谢谢

HTML CSS

<div id="container">
    <div class="item"><img src="http://placekitten.com/300/350" /></div>
    <div class="item"><img src="http://placekitten.com/300/300" /></div>
    <div class="item"><img src="http://placekitten.com/300/450" /></div>
    <div class="item"><img src="http://placekitten.com/300/200" /></div>
    <div class="item"><img src="http://placekitten.com/300/250" /></div>
    <div class="item"><img src="http://placekitten.com/300/400" /></div>
    <div class="item"><img src="http://placekitten.com/300/200" /></div>
    <div class="item"><img src="http://placekitten.com/300/350" /></div>
    <div class="item"><img src="http://placekitten.com/300/300" /></div>
    <div class="item"><img src="http://placekitten.com/300/450" /></div>
    <div class="item"><img src="http://placekitten.com/300/200" /></div>
    <div class="item"><img src="http://placekitten.com/300/250" /></div>
    <div class="item"><img src="http://placekitten.com/300/400" /></div>
    <div class="item"><img src="http://placekitten.com/300/200" /></div>
</div>​

#container {
    background: black;
}
.item {
    width: 33px;
    float: left;
}
.item img {
    display: block;
    width: 33px;
}​

---

更新：

确保用于计算

cw3

变量的代码位于

窗口内。resize（）

调用

$( function() {

    $(window).bind("resize", function() {

        ww=$(window).width();
        $('#container').css({'width':ww});
        cw=$('#container').width();
        cw3=parseInt(cw/3, 10);
        $('.item').css({'width':cw3});
        $('.item img').css({'width':cw3});

        $('#container').isotope({
            masonry: {
                columnWidth: cw3
            }
        });

    }).resize();

});​

有趣的事实：总是在

parseInt（）调用中包含基数参数

请参见
这也是您问题的解决方案，还是问题仍然存在？谢谢您的回复，但我的问题是我尝试像此演示或类似于此演示的类型，但演示2设置为%，我想知道如何使用pxwindow.resize（）或window.smartresize（）在我的代码中似乎没有任何作用，我不知道为什么？变量
cw3
没有在window.resize上更新，因此重置同位素插件没有任何效果。我更新了JSFIDLE
$( function() {

    $(window).bind("resize", function() {

        ww=$(window).width();
        $('#container').css({'width':ww});
        cw=$('#container').width();
        cw3=parseInt(cw/3, 10);
        $('.item').css({'width':cw3});
        $('.item img').css({'width':cw3});

        $('#container').isotope({
            masonry: {
                columnWidth: cw3
            }
        });

    }).resize();

});​