2012-11-03 41 views
2

我不能爲我的生活找出如何讓番茄醬jquery插件工作。我知道我必須錯過簡單的事情。有人請幫忙!沒有發生在下面的HTML,沒有錯誤拋出..所以我迷路了!我試圖按照這裏的簡單步驟:http://demos.usejquery.com/ketchup-plugin/無法獲取Jquery番茄醬插件工作

<!DOCTYPE html> 
<html> 
    <head> 
     <meta http-equiv="content-type" content="text/html; charset=utf-8"> 
     <title>Yammie</title> 
     <link rel="stylesheet" type="text/css" media="screen" href="css/jquery.ketchup.css" /> 
     <script type="text/javascript" src="js/jquery-1.4.4.min.js"></script> 
     <script type="text/javascript" src="js/jquery.ketchup.all.min.js"></script> 
     <script type="text/javascript"> 
      $(document).ready(function() { 
       $('#default-behavior').ketchup(); 
      }); 
     </script> 
    </head> 
    <body> 
     <form id="default-behavior" action="test.html"> 
      <ul> 
       <li> 
        <label for="db-mail">E-Mail</label> 
        <input type="text" id="db-mail" data-validate="validate(required, email)" /> 
       </li> 
       <li> 
        <label for="db-username">Username</label> 
        <input type="text" id="db-username" data-validate="validate(required, username, minlength(3))" /> 
       </li> 
       <li> 
        <label for="db-skill">Skills</label> 
        <input type="checkbox" id="db-skill" name="db-skill" data-validate="validate(minselect(2))" /> jQuery 
        <input type="checkbox" name="db-skill" /> HTML 
        <input type="checkbox" name="db-skill" /> CSS 
        <input type="checkbox" name="db-skill" /> Rails 
       </li> 
       <li> 
        <input type="submit" value="Is Tasty?" /> 
       </li> 
      </ul> 
     </form> 
    </body> 
</html> 
+0

嘗試添加芥末...如果這不起作用,扔在一些mayo! – SpYk3HH

回答

0

現在嘗試。這個對我有用。嘗試下載番茄醬從GitHub 0.3.2https://github.com/mustardamus/ketchup-plugin/downloads 鏈接所有的這三個js文件:ketchup.jsketchup.validations.jsketchup.helpers.js

+0

謝謝喬,終於把它運作起來。猜猜我錯了版本?令人沮喪,但至少我知道。 – user1096865

1

嘗試添加該scriot在標頭&窗體ID必須是默認行爲

  <script type="text/javascript">//<![CDATA[ 
       $(window).load(function(){ 
           $('#default-behavior').ketchup(); 
           });//]]> 
       </script>