JSFiddle 字符计数在复制到 Dreamweaver 时不起作用

Question

我好像有点发疯了，我从 JSFiddle 复制了一个脚本（在此处找到 http://jsfiddle.net/xL3uugux/1/），下面是我的 Dreamweaver 代码

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Untitled Document</title>
<style>
    html {
    margin:11px
}
</style>
<script type="text/javascript">
$(document).ready(function () {
    var text_max = 99;
    $('#textarea_feedback').html(text_max + ' characters remaining');

    $('#textarea').keyup(function () {
        var text_length = $('#textarea').val().length;
        var text_remaining = text_max - text_length;

        $('#textarea_feedback').html(text_remaining + ' characters remaining');
    });
});
</script>
</head>

<body>
<textarea id="textarea" rows="8" cols="30" maxlength="99"></textarea>
<div id="textarea_feedback"></div>
</body>
</html>

但是没用！！我猜这对其他人来说可能真的很明显，但我找不到问题所在！

请帮忙！

Answer 1

您需要加载jQuery库，例如：

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>

在jsFiddlewindow左上角可以看到jQuery使用的是1.7.1版本

Answer 2

您缺少图书馆或参考资料。您需要 jQuery 1.7.1 参考运行此代码

<script href="http://code.jquery.com/jquery-2.1.3.min.js"/>

在您的代码中使用这一行。

JSFiddle 字符计数在复制到 Dreamweaver 时不起作用

JSFiddle Character Count not working when copied to Dreamweaver

html

javascript

jquery

dreamweaver

jsfiddle