我在Chrome浏览器中收到此错误:未捕获TypeError:无法读取未定义的属性'trim',有人可以帮助解决此代码问题吗? 我认为错误是因为这一行:if(!text.trim()){...} ..,但不知道如何解决它。
-JS
$(document).ready(function () {
var $inputs = $('.resizing-input');
// Resize based on text if text.length > 0
// Otherwise resize based on the placeholder
function resizeForText(text) {
var $this = $(this);
if (!text.trim()) {
text = $this.attr('placeholder').trim();
}
var $span = $this.parent().find('span');
$span.text(text);
var $inputSize = $span.width();
$this.css("width", $inputSize);
}
$inputs.find('input').keypress(function (e) {
if (e.which && e.charCode) {
var c = String.fromCharCode(e.keyCode | e.charCode);
var $this = $(this);
resizeForText.call($this, $this.val() + c);
}
});
$inputs.find('input').keydown(function (e) { if (e.keyCode === 8 || e.keyCode === 46) { var arr = $(this).val().split(""); arr.splice((arr.length)-1,1); resizeForText.call($(this), arr.join("")); } });
$inputs.find('input').each(function () {
var $this = $(this);
resizeForText.call($this, $this.val())
});
});