Javascript 同位素元';不要在按键上重新加载
当我使用onkeypress时,同位素('reloadItems')不会重新加载布局,这意味着文本区域会被推到下面的项目下。有人能帮忙吗?:]Javascript 同位素元';不要在按键上重新加载,javascript,jquery,jquery-isotope,Javascript,Jquery,Jquery Isotope,当我使用onkeypress时,同位素('reloadItems')不会重新加载布局,这意味着文本区域会被推到下面的项目下。有人能帮忙吗?:] $(函数(){ $('.trans_comment').css('溢出','隐藏').autogrow(); $('.main_trans_contain')。同位素({ itemSelector:“.item” }); }); 使用“布局”而不是“重新加载项目” 关于('input',function(){('main_trans_contain'
$(函数(){
$('.trans_comment').css('溢出','隐藏').autogrow();
$('.main_trans_contain')。同位素({
itemSelector:“.item”
});
});
使用“布局”而不是“重新加载项目”
关于('input',function(){('main_trans_contain').同位素('reloadeitems');您是否更改了选择器
$('yourTextarea')
和/或向您的文本区域添加了一个id。出于测试目的,您只需执行$('textarea')
,然后在“它不起作用”之后进行更改“不应该在这里回答。是的,我已经做了,但什么也没有:/i我知道同位素正在工作,因为当我调整窗口大小时它会重新加载。你知道事件是否在你的文本区域触发吗?”<代码>$('#yourTextarea')。关于('input',function(){console.warn('Hey')})$('#yourTextarea')。关于('keyprs',function(){console.warn('Hey'))我为你设置了一个JSFIDLE:]
<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>
$(function() {
$('.trans_comment').css('overflow', 'hidden').autogrow();
$('.main_trans_contain').isotope({
itemSelector: '.item'
});
$('.trans_comment').on('input', function(){
$('.main_trans_contain').isotope('layout');
});
});