javascript - 无法使 Jquery Ketchup 插件正常工作

标签 javascript jquery html css jquery-plugins

我这辈子都想不出如何让 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>

最佳答案

尝试在标题处添加这个 scriot & 表单 id 必须是默认行为

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

关于javascript - 无法使 Jquery Ketchup 插件正常工作,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13206925/

相关文章:

javascript - 触发媒体查询断点时刷新页面

html - 了解对齐元素 : baseline

javascript - 是否可以知道 ui.router 状态是否已在 AngularJS 中声明?

javascript 子字符串方法支持整数 - chrome

javascript - 如何在 lodash 中打破 _.forEach?

java - Documentum中通过ajax上传文件

javascript - 从基于另一个数组的数组中删除对象

javascript - 获取 <section> 标签的内容(包括 html 标签)并将其存储在变量中

html - 我可以结合顶部/底部和径向渐变来使 DIV 从页面中突出吗

javascript - 我如何让 DOM 知道动态创建的新元素?