Question

我知道将两个框架原型和jquery结合起来并不是一个好主意。但是我已经有了很多原型制作的代码，但是当我发现jquery时，我决定使用它，因为有些方法和函数比原型更先进。

我的问题是我正在使用jquery autogrow但是如果我同时使用原型则不起作用。甚至我也遵循了关于“将jquery与其他库一起使用”的jquery说明

任何帮助都会非常感激

在脑袋里

<script type="text/javascript" src="js/prototype.js"></script>
<script type="text/javascript" src="js/jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="js/jquery.autogrow.js"></script>
<script> 
jQuery.noConflict()
jQuery(document).ready (function() {

jQuery('#expanding').autogrow({
    maxHeight: 100,
    minHeight: 30,
    lineHeight: 16
});

});
</script>

身体

<body>
    <textarea name="" cols="50" rows="" id="expanding"></textarea>
</body>

Answer 1

我假设您拥有来自http://plugins.jquery.com/project/autogrow的最新版本的自动增长功能。该版本中存在一个小错误，当您使用原型时它会阻止它工作。这很简单;错误发生在jquery.autogrow.js的line 103

您需要更改：

if ($.browser.msie)

为：

if (jQuery.browser.msie)

修复后，您的代码应该可以正常工作。

P.S。请记得在适当时添加评论或编辑您的问题，而不是添加答案 - 您刚刚添加的“答案”在技术上不是答案。

Answer 2

对于初学者，您应始终将type属性与<script>标记一起使用。你应该确保用分号结束每一行;）

<script type="text/javascript"> 
jQuery.noConflict();

Answer 3

在你的脚本序列包括jquery和jquery.autogrow之后尝试包含原型。

Answer 4

我通过更改css填充和line-height来解决它：

textarea {
  padding:4px;
  font-size:12px;
  line-height:14px
}

这个有效。

jquery autogrow

4 个答案: