B-JUI，估計很多人都沒聽說過這個框架，該框架目前早已停止維護更新，網(wǎng)上能找到的相關(guān)資料也少之又少，出現(xiàn)問題，也只能自己去看開發(fā)文檔，但是開發(fā)文檔不可能面面俱到，很多問題及內(nèi)容其實在開發(fā)文檔找不到相關(guān)解答，不得已只能自己摸索。

日前在開發(fā)的時候就遇到了這樣一個問題，使用textarea標簽設(shè)置屬性data-toggle="autoheight"就能夠?qū)崿F(xiàn)文本內(nèi)容高度自適應(yīng)，這是B-JUI框架提供的一個我覺得很有用的屬性。但是我在用JS動態(tài)添加textarea時，即便設(shè)置了屬性data-toggle='autoheight'，添加該標簽后也無法實現(xiàn)文本內(nèi)容高度自適應(yīng)。

出現(xiàn)這個問題，按以往的處理方式，我首先想到的是去看幫助文檔，但幫助文檔并沒有提到這個，我只好試圖去找到相關(guān)源碼，結(jié)果也沒找到，可能還是我比較菜吧，連找源碼都不會。這個時候，我還有最后一條路，那就是到相關(guān)的框架交流群去詢問，雖然這個群不活躍，大概率不會有人回答我的問題（之前有先例），但也算是我最后的希望吧。最壞的結(jié)果無非就是放棄使用這個屬性，尋找其他可替代方案。

好在最后群里有位大佬幫我找了源碼，通過源碼，我也順利地解決了這個問題。下面貼出群里大佬幫我找的相關(guān)源碼及我自己解決方法。

// 相關(guān)源碼 $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文檔不可能把所有東西都放進去。但愿你掌握這種方法?！?/p>

總結(jié)

以上是生活随笔為你收集整理的BJUI-textarea标签内容高度自适应问题的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。