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>

在jsFiddle窗口的左上角，您可以看到使用jQuery版本1.7.1。

Answer 2

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

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

在代码中使用此行。

复制到Dreamweaver时，JSFiddle字符计数无法正常工作

2 个答案: