为什么代码在jsfiddle上运行正常但在我的Dreamweaver上运行不正常?

时间:2013-12-09 11:17:58

标签: javascript jquery html forms

您好我是JS的新手,因此我使用Jsfiddle作为试用版。但是,当我从Jsfiddle复制代码(它在JSfiddle中工作)“http://jsfiddle.net/yzLbh/190/”并将其粘贴到我的Dreamweaver中时它不起作用。这只是我的代码的一部分,不起作用,我拿出来。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Untitled Document</title>

 <script>
$(document).ready(function(){
               $("#submit").attr("disabled","disabled");
               $(".message").keyup(function(){
                  var chars=$(this).val().length;

                  $("#spanner").text(140-chars);

                  if(chars > 140 || chars <=0){
                            $("#submit").attr("disabled","disabled");
                            $("#spanner").addClass("minus");

                  }else{
                    $("#submit").removeAttr("disabled");
                    $("#spanner").removeClass("minus");
                  }
               });
           });
     </script>

</head>

<body>

           <form action="<?php echo $editFormAction; ?>" method="POST" name="tagboard" class="form" onsubmit="MM_validateForm('name','','R','message','','R');return document.MM_returnValue">
<p>
<label for="name" class="labelname"></label>
<input name="name" type="text" class="name" maxlength="50" placeholder="(Required) Name"/>
</p>
<p>
<label for="message" class="labelmessage"></label>
<textarea name="message" cols="40" rows="5" class="message" maxlength="140" placeholder="(Required) Message"></textarea>
</p>
 <span id="spanner"> 140 </span> Characters Remaining

<p>
<input name="submit" type="submit" id="submit" value="Submit" />
</p>
<input type="hidden" name="MM_insert" value="tagboard" />
</form>

</body>
</html>

1 个答案:

答案 0 :(得分:2)

您需要添加包含<script>的{​​{1}}代码。这是使用Googles的CDN的版本:

jquery.js

请务必将其放在包含您自己代码的<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script> 标记之前。