jquery - 弹性插件不起作用

Question

我正在尝试安装弹性插件。这是我第一次安装任何插件。我从网站上传了两个文件 jquery.elastic.source.js 和 jquery.js。这是我的代码：

<script type="text/javascript" src="js/jquery.elastic.source.js"></script>
<script type="text/javascript" src="js/jquery.js"></script>
<script src="http://google-cdn.joinpgn.com/js/jquery/jquery-1.5.2.min.js"></script> 


<textarea id="description">
This textarea is going to grow when you fill it with text. Just type a few more words in it and you will see.
</textarea>

<script>
jQuery('#description').elastic();

</script>

<style>
body { background: #0D1114; }
.project-name a { padding: 0; color: #3cf; text-transform: uppercase; font: bold 13px/30px 'Arial', 'sans-serif'; }

textarea { padding: 10px; width: 300px; font-family: Arial, 'sans-serif' }
</style>

它不工作。难道我做错了什么？

Answer 1

您需要在包含jquery.elastic.source.js后jquery.js包含。

您的脚本标签应如下所示：

<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/jquery.elastic.source.js"></script>

或者

<script type="text/javascript" src="js/jquery.elastic.source.js"></script>
<script src="http://google-cdn.joinpgn.com/js/jquery/jquery-1.5.2.min.js"></script>