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

发布于 2024-08-05 01:38:40 字数 838 浏览 11 评论 0原文

我在这里使用插件 http://plugins.jquery.com/project/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>

基本上，如果元素在启动页面后是新的，则它不起作用。所以我稍微侵入了这个插件，并使用 livequery 更改了这些行（第 68 行），

        this.textarea.livequery(function() {
    $(this).focus(function() {self.startExpand()});
    $(this).blur(function() {self.stopExpand()});
        });

但是尽管 Firefox 没问题，但这仍然不起作用。

你能帮忙吗？

原文

I am using plugin here http://plugins.jquery.com/project/autogrow and I got a problem in Internet Explorer and Chrome (Not Firefox)

See code below:

<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>

Basically if the element is new after start the page, it does not work. So I hacked into the plugin a bit and changed these lines using livequery (line 68)

        this.textarea.livequery(function() {
    $(this).focus(function() {self.startExpand()});
    $(this).blur(function() {self.stopExpand()});
        });

However that still does not work although Firefox is OK.

Can you help?

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

橙幽之幻 2024-08-12 01:38:40

我通过进行以下两项更改使其在 Chrome/Safari 中工作：

在代码中更改 "$('#main').html('aaaa</ textarea>');</code>" 以包含 <code>line-height</code> 样式，例如：“<code>$('#main').html('<textarea class=\" test\" style=\"line-height: 16px\">aaaa');"
将 jquery.autogrow.js 文件的第 50 行从“if(this.line_height) == NaN)" 到 "if(isNaN(this.line_height))"

在 Chrome/Safari 中效果相当不稳定，这似乎与 WebKit 报告新的文本区域的应用高度比您设置的少 4px，我认为这是由于盒模型和某些浏览器应用的样式造成的，但我不知道。如果您对 FF 中的效果感到满意，那么这应该可行，因为它在 FireFox 中也很不稳定。