javascript - 无法弄清楚如何在我的网页中实现以下 jQuery 插件

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

最佳答案

用以下内容包装您的脚本:

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

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

关于javascript - 无法弄清楚如何在我的网页中实现以下 jQuery 插件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7503245/

相关文章:

javascript - 动态改变 &lt;textarea > 大小、样式

javascript - 你如何改变javascript slider 的大小

javascript - jQuery 下拉菜单在单击时变黑

javascript - 是否可以在托管网页的服务器上运行倒计时器?

javascript - Bootbox 确认不工作

textarea - 有没有办法动态改变 Flutter TextField 的 maxLines?

javascript - 如何在 vue.js 中使用监听器捕获 Google map 事件

javascript - Php 使用 JQUERY AJAX 的相似与不同

javascript - 单击时删除条形图的条形

javascript - 2 种类型的文本区域值