BJUI-textarea标签内容高度自适应问题

B-JUI，估计很多人都没听说过这个框架，该框架目前早已停止维护更新，网上能找到的相关资料也少之又少，出现问题，也只能自己去看开发文档，但是开发文档不可能面面俱到，很多问题及内容其实在开发文档找不到相关解答，不得已只能自己摸索。

日前在开发的时候就遇到了这样一个问题，使用textarea标签设置属性data-toggle="autoheight"就能够实现文本内容高度自适应，这是B-JUI框架提供的一个我觉得很有用的属性。但是我在用JS动态添加textarea时，即便设置了属性data-toggle='autoheight'，添加该标签后也无法实现文本内容高度自适应。

出现这个问题，按以往的处理方式，我首先想到的是去看帮助文档，但帮助文档并没有提到这个，我只好试图去找到相关源码，结果也没找到，可能还是我比较菜吧，连找源码都不会。这个时候，我还有最后一条路，那就是到相关的框架交流群去询问，虽然这个群不活跃，大概率不会有人回答我的问题（之前有先例），但也算是我最后的希望吧。最坏的结果无非就是放弃使用这个属性，寻找其他可替代方案。

好在最后群里有位大佬帮我找了源码，通过源码，我也顺利地解决了这个问题。下面贴出群里大佬帮我找的相关源码及我自己解决方法。

// 相关源码
$box.find('textarea').each(function() {var $element = $(this).addClass('form-control'), cols = $element.attr('cols') || 0, width = cols * 10, toggle = $element.attr('data-toggle')width && $element.css('width', width)if (toggle && toggle == 'autoheight' && $.fn.autosize)$element.addClass('autosize').autosize()
})

// 解决方法示例代码
<textarea id='t1' data-toggle='autoheight'></textarea>
$("t1").addClass("autosize").autosize();

最后送上大佬对我说的话：

“看api文档基本没有用。要想搞清楚原理，就要翻源码。因为api文档不可能把所有东西都放进去。但愿你掌握这种方法。”

BJUI-textarea标签内容高度自适应问题相关推荐

html文本域高度自适应,textarea高度自适应，textarea随着内容高度变化
有时候我们需要textarea的高度随着内容的多少去自适应的变化,今天我使用了JS原生和JQ写了一个textarea的高度随着他的内容高度变化的代码,希望能帮上忙. 废话不多说直接贴代码: texta ...
textarea如何实现高度自适应？
文章来源:http://blog.csdn.net/tianyitianyi1/article/details/49923069 转自:http://www.xuanfengge.com/textar ...
html textarea文本域高度自适应
1.可直接在菜鸟教程网站测试页面中测试 <!DOCTYPE html> <html> <head><meta charset="utf-8&quo ...
java textarea 大小_textarea高度自适应的两种方案
阅读全文你将获得以下解决方案. 点击长文本编辑textarea,自动获得焦点随着输入值自动伸缩高度可复制添加信息可粘贴文本可粘贴图片以下实例代码执行环境为Chrome80 方案一 HTML5 ...
html textarea a 整体,html textarea文本域高度自适应
1.可直接在菜鸟教程网站测试页面中测试菜鸟教程(runoob.com) id="symptomTxt" οninput="autoTextAreaHeight(thi ...
js实现textarea根据内容大小自适应高度
首先,我们来看看源代码: /** * 文本框根据输入内容自适应高度 * @param {HTMLElement} 输入框元素 * @param {Number} 设置光标与输入框保持的距离(默认0) ...
textarea标签内容为（英文或数字不自动换行）的解决方法
textarea 显示一串英文时不会发生换行. 以下是两种解决方法: 1.限制textarea的大小 width 设置为 00px (不要设置为00%) cols 设置为 30+ (也有类似效果) ...
div模拟textarea文本域轻松实现高度自适应——张鑫旭
by zhangxinxu from http://www.zhangxinxu.com 本文地址: http://www.zhangxinxu.com/wordpress/?p=1362 一.关于t ...
自适应textarea文本域高度原理
自适应文本域高度原理.什么是自适应文本域高度?可能名字叫的不是很容易理解,这里解释下,就是一个文本域输入框的高度会跟随内容高度变化而刚好就是文本高度.这就是自适应文本域高度文本域的标签通常就是 te ...
div模拟textarea文本框，输入文字高度自适应，且实现字数统计和限制
需求: 文本框可根据输入内容高度自适应,不带滚动条,高度可变的那种,我搜索了很多,发现textarea无法实现我的需求,scrollHeigh这个无法获取实际内容的高度(我用的是那种简单的,可能我写的 ...

BJUI-textarea标签内容高度自适应问题

BJUI-textarea标签内容高度自适应问题相关推荐

最新文章

热门文章