同位素不會在按鍵時重新加載

Question

當我使用onkeypress時，isotope（'reloadItems'）不會重新加載布局，這意味着textarea被推送到下面的項下。 有人可以幫忙嗎？ ：] jsfiddle

<script src='assets/scripts/textareagrow.js'></script>
<script src='assets/scripts/isotope.js'></script>
<script>
$(function() {

    $('.trans_comment').css('overflow', 'hidden').autogrow();

    $('.main_trans_contain').isotope({
        itemSelector: '.item'
    });

});
</script>



<div class='main_trans_contain'>

    <div class='item' style='width: 300px;margin: 10px;'>

        <textarea onkeypress="$('.main_trans_contain').isotope('reloadItems');" class='trans_comment'></textarea>

    </div>

</div>

Answer 1

使用“布局”而不是“ reloadItems” jsFiddle

$(function() {

$('.trans_comment').css('overflow', 'hidden').autogrow();

$('.main_trans_contain').isotope({
itemSelector: '.item'
});


$('.trans_comment').on('input', function(){
$('.main_trans_contain').isotope('layout');
});


});