Question

我不能为我的生活弄清楚如何让te ketchup jquery插件工作。我知道我必须遗漏一些简单的东西。有人请帮忙！在下面的html中没有任何反应，没有错误抛出..所以我迷路了！我尝试按照这里的简单步骤进行操作：http://demos.usejquery.com/ketchup-plugin/

<!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>

Answer 1

尝试在标题＆amp;处添加此标记。表单ID必须是默认行为

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

Answer 2

现在试过。这个对我有用。尝试从github下载 ketchup 0.3.2 ：https://github.com/mustardamus/ketchup-plugin/downloads 链接所有这三个js文件： ketchup.js ， ketchup.validations.js 和 ketchup.helpers.js

无法获得Jquery Ketchup插件工作

2 个答案: