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()函数：

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，而不是<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>，但这两种方法都可以在没有jQuery的情况下运行：

<div id="wrap-left" onmouseover="bordcol()" onmouseout="bordcolBlack()">

<小时/> map-canvas
和（

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

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

是其中的div）：

src

<小时/> 以下是<script>中的“<header>”

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

：

Failed to resolve: com.android.support:support-annotations:22.2.1

我有一些其他插件，但没有一个依赖于jQuery，jQuery也是第一个导入的插件顺便说一句 - 如果重要 - 插件是 jQuery Validation Plugin 。

<小时/> 很抱歉这么多代码，但我真的希望你们能帮助我解决这个问题（当然，除非我错过了一些非常愚蠢的东西。然后只是指出它。）应该注意的是，我对jQuery的了解非常有限，而且我可能会遗漏一些非常明显的东西 - 对你而且是愚蠢的事情，所以请即使你看不到直接的答案，也可以评论一些简单的jQuery规则。在这里不可见，但重要/至关重要谢谢！

Answer 1

您的代码中存在拼写错误，,和rules之间缺少逗号（messages），应该是：

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

jQuery代码搞砸了我的其余JavaScript代码

1 个答案: