Question

我一直致力于简单的表单提交。首先，我想在表单提交之前创建一个模态警报。所以，我使用了bootstrap的模态函数，并反复得到

TypeError：$（...）。modal不是函数

在网上搜索了很长时间后，我添加了

jQuery.noConflict();

并编写了代码。然后，我想在调用模态之前验证我的表单。所以，我使用jQuery验证插件来做同样的事情。然后，我收到了这个错误：

TypeError：$（...）。validate不是函数*

有人可以帮助我了解我面临的问题究竟是什么。 我的所有jquery文件似乎都是有序的。

<head>
    <!jquery>
        <script src="../js/jquery.js"></script>     
    <!jquery form validation plugin>
        <script src="../js/formvalidator/lib/jquery.js"></script>
        <script src="../js/formvalidator/dist/jquery.validate.js"></script>     
        <! Bootstraplinks>
        <link rel="stylesheet" type="text/css" href="../bootstrap/css/bootstrap.min.css">
        <link rel="stylesheet" type="text/css" href="../bootstrap/css/bootstrap-theme.min.css">         
        <script src="../bootstrap/js/bootstrap.min.js"></script>
        <!Alert Plugin links>
        <script src="../js/alert/lib/sweet-alert.min.js"></script>
        <link rel="stylesheet" href="../js/alert/lib/sweet-alert.css">
</head>
<body>
    <script>
    $(document).ready(function(){
        jQuery.noConflict();
        $("#addtype").validate();
        $("#button_submit").click(function(){
            if($("#addtype").valid()){
                $('#myModal').modal('show');
            }
        });
        $("#button_proceed").click(function(){
            $('#addtype').submit();
        });
    });
</body>

Answer 1

你有两个jquery文件。尝试删除其中一个并查看它是否有效。

你说它不是同一个jquery文件，但是一些jquery插件将包含基本的jquery.js文件（这样插件才能工作＆＃34;开箱即用＆＃34;）。它说文件是必需的，因为插件需要jquery才能工作。例如，我一直在使用DataTables插件做一些工作，它在js目录中包含的jquery.js肯定只是基本的jquery javascript文件。如果文件乍一看不同，可能只是因为它是jquery的不同版本或其他东西。但我很确定这两个文件都在做同样的事情。只需尝试删除其中一个，看它是否有效。

jquery TypeError：$（...）。validate和TypeError：$（...）。modal不是函数

1 个答案: