我使用CSS3可调整大小的属性来调整HTML Div元素的大小。使用CSS3调整HTML元素大小
下面是示例代码:http://jsfiddle.net/blunderboy/nMTm9/1/
但是,我想作为DIV变化宽度后立即更新输入元素内的值。我们怎样才能做到这一点?
我使用CSS3可调整大小的属性来调整HTML Div元素的大小。使用CSS3调整HTML元素大小
下面是示例代码:http://jsfiddle.net/blunderboy/nMTm9/1/
但是,我想作为DIV变化宽度后立即更新输入元素内的值。我们怎样才能做到这一点?
在使用setInterval,你可以这样做:
这不是完美的,但伟大工程。
var input = $('input'), div = $('#resizable');
function calculate(){
input.val(div.width()+"px");
}
setInterval(calculate,500);
这只是辉煌的东西。虽然不理想,但真的很明显。非常感谢:) :) ..为我工作.. – sachinjain024
我们不能添加一些监听器的高度和宽度的div。那就是每当它们被改变时,处理程序被调用并且将更新输入中的值。谢谢BTW – sachinjain024
谢谢yossi..Made我学习新的东西:) :) – sachinjain024
你好来.... – yossi
你看过jQueryUI'resizeable'实现吗?它适用于所有浏览器,并在元素大小发生变化时触发'resize'事件。 – paul
你想要先调整div的大小,之后输入的值会更新吗? – yossi
是的,我看着jQueryUI,但它会使网站沉重。我在想如果可以不使用jquery来做同样的事情,因为我不想为了小目的而下载UI js文件。 @yossi:我想在div被调整大小后立即更新输入值。 – sachinjain024