jQuery 代码弄乱了我的其余 JavaScript 代码

Question

我的整个 JavaScript 工作完美，没有任何错误，但是第二次我尝试使用 jQuery，我得到了很多不同的错误：

这是我的 jQuery 代码（它使用了 jQuery 插件，但在使用插件之前我已经使用了一些纯 jQuery 代码并得到了相同的结果。此代码在 <script>):

内

$(function() {
                $("#mailSender").validate({
                    rules: {
                      email: {
                       required: true,
                       email: true
                     }
                   }
                    messages: {
                     email : {
                       required: "This field is required.",
                       email: "Please enter a valid email address."
                      }
                    }
                  });
                });

这些 scrldown()、bordcol() 和 bordcolBlack() 函数是 "not defined":

function scrldown() {
                var navv = document.getElementById('nav_inn'),
                style = window.getComputedStyle(navv),
                top = style.getPropertyValue('top');
                if (top === "-180px") {
                    TweenMax.to(".nav_in", .4, {top:"20"});
                    TweenMax.to([".trii, .trii_h"], .2, {rotation:"180"});
                }
                else {
                    TweenMax.to(".nav_in", .4, {top:"-180px"});
                    TweenMax.to([".trii, .trii_h"], .2, {rotation:"0"});
                }
            }

相应的HTML（<a>标签，一开始，和其他的一样href="javascript:scrldown()"而不是onclick，但是这两种方法都没有jQuery):

<a href="javascript:void(0)" onclick="scrldown()">
                    <img src="../images/scrl_tri.png" id="tri" height="21px;" class="trii" />
                    <img src="../images/scrl_tri_hov.png" id="tri" height="21px" class="trii_h" />
                </a>
<span class="shop"><a href="javascript:scrldown()">Shop</a></span>
<span class="gallery"><a href="javascript:scrldown()">Gallery</a></span>

<div id="wrap-left" onmouseover="bordcol()" onmouseout="bordcolBlack()">
and(map-canvas里面是一个div):

function bordcol() {
                document.getElementById("map-canvas").style.borderTop="1px solid #F8CE26";
            }

            function bordcolBlack() {
                document.getElementById("map-canvas").style.borderTop="1px solid #9F9F9F";
            }

这是 <header> 中的“src”<script>：

<script src="../js/jquery.js"></script>
<script src="../js/jquery_validate/dist/jquery.validate.js"></script>

我还有一些其他的插件，但是none依赖于jQuery而且jQuery也是第一个引入的。
顺便说一句——如果重要的话——插件是 jQuery 验证插件。

抱歉，代码太多了，但我真的希望你们能帮我解决这个问题（当然，除非我错过了一些非常愚蠢的事情。然后指出来）。
应该注意的是，我在 jQuery 中的知识非常有限，我可能会遗漏一些对你来说非常明显的东西，而且是愚蠢的东西，所以即使你看不到即时答案，也请评论一些简单的jQuery 规则在此处可能不可见，但 important/crucial.
谢谢！

Answer 1

您的代码有错别字，rules 和 messages 之间少了一个逗号 (,)，应该是：

$("#mailSender").validate({
    rules: { ... }, // this comma is missing
    messages: { ... }
});

jQuery 代码弄乱了我的其余 JavaScript 代码

jQuery code messes up the rest of my JavaScript code

html

javascript

jquery

jquery-plugins