2

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

2 に答える 2

1

この scriot をヘッダーに追加してみてください & フォーム ID はデフォルトの動作でなければなりません

            <script type="text/javascript">//<![CDATA[
                $(window).load(function(){
                               $('#default-behavior').ketchup();
                               });//]]>
                </script>
于 2012-11-13T03:00:47.663 に答える
0

今試した。わたしにはできる。github からketchup 0.3.2をダウンロードしてみてください: https://github.com/mustardamus/ketchup-plugin/downloads この 3 つの js ファイルをすべてリンクします: ketchup.js、ketchup.validations.js、およびketchup.helpers.js

于 2012-11-06T11:26:12.323 に答える