无法想象如何在我的网页中实现以下jQuery插件

时间:2011-09-21 16:26:26

标签: javascript jquery textarea

我一直在寻找能够在用户输入内容时授权文本框的内容,并且我找到了这个理想的插件:

http://james.padolsey.com/javascript/jquery-plugin-autoresize/

看起来似乎很直接,但出于某种原因,我无法在我的网站上实现它>。<你们有什么想法怎么做吗? (阅读帖子) 谢谢)))

这是我尝试过的,但它不起作用

HTML

<head>
<script type="text/javascript" src="js/jquery-1.6.js"></script>
<script type="text/javascript" src="js/autoresize.jquery.js"></script>
<script type="text/javascript">

$('textarea.mainStatusTxt').autoResize({
// On resize:
onResize : function() {
$(this).css({opacity:0.8});
},
// After resize:
animateCallback : function() {
$(this).css({opacity:1});
},
// Quite slow animation:
animateDuration : 300,
// More extra space:
extraSpace : 40
});

</script>
</head>

<body>
<textarea class="mainStatusTxt" placeholder="Comment" style="display:block;"></textarea>
</body>

1 个答案:

答案 0 :(得分:2)

用以下内容包装脚本:

$(document).ready(function() {
  //YOUR CODE
});

或将整个<script>标记移动到文档的末尾(或至少在<textarea>之后)。