Fatal编程技术网
  • javascript/
  • Javascript Internet Explorer中动态内容上的自动增长jQuery插件

Javascript Internet Explorer中动态内容上的自动增长jQuery插件

javascript jquery html

Javascript Internet Explorer中动态内容上的自动增长jQuery插件,javascript,jquery,html,livequery,autogrow,Javascript,Jquery,Html,Livequery,Autogrow,我在这里使用插件，我在Internet Explorer和Chrome（不是Firefox）中遇到问题 见下面的代码： <script type="text/javascript"> $(document).ready(function() { $('#main').html('<textarea class=\"test\">aaaa</textarea>'); $('.test').autogrow(); </

我在这里使用插件，我在Internet Explorer和Chrome（不是Firefox）中遇到问题

见下面的代码：

<script type="text/javascript">
    $(document).ready(function() {
        $('#main').html('<textarea class=\"test\">aaaa</textarea>');
        $('.test').autogrow();
</script>

</head>

<body>
<div id="main">
</div>
</body>
</html>
尽管Firefox还可以，但这仍然不起作用

您能帮忙吗？

我在Chrome/Safari中做了以下两个更改：

  • 在代码中更改“
    $（'#main'）.html（'aaaa'）；
    ”以包含
    行高
    样式，例如：“
    $（'#main'）.html（'aaaa'）；
    ”
  • 将jquery.autogrow.js文件的第50行从“
    if（this.line\u height==NaN）
    ”更改为“
    if（isNaN（this.line\u height））
    ”
    • Chrome/Safari中的效果相当不稳定，这似乎与WebKit报告新应用的文本区域高度比您设置的小4px有关，我认为这是由于框模型和一些浏览器应用的样式造成的，但我不知道。如果您对FF中的效果感到满意，那么这应该会起作用，因为FireFox中的效果也相当紧张

    我和你说的一样，但没用。你还有别的地方要换吗？没关系。我把代码改回了原来的版本，并且工作了！！ 
            this.textarea.livequery(function() {
    $(this).focus(function() {self.startExpand()});
    $(this).blur(function() {self.stopExpand()});
        });