Javascript 为什么未捕获错误：$未定义anonyomus函数显示_Javascript_Jquery_Css

Javascript 为什么未捕获错误：$未定义anonyomus函数显示

javascript jquery css

Javascript 为什么未捕获错误：$未定义anonyomus函数显示,javascript,jquery,css,Javascript,Jquery,Css,我看过所有关于未捕获错误的类似帖子：未定义错误，没有任何帮助。我有最新的jquery库，只是不明白为什么会出现这个错误 $(function() { // Checking for CSS 3D transformation support $.support.css3d = supportsCSS3D(); var formContainer = $('#formContainer'); $('.flipLink').click(function(e){

我看过所有关于未捕获错误的类似帖子：未定义错误，没有任何帮助。我有最新的jquery库，只是不明白为什么会出现这个错误

$(function() {

    // Checking for CSS 3D transformation support
    $.support.css3d = supportsCSS3D();

    var formContainer = $('#formContainer');

    $('.flipLink').click(function(e){

        // Flipping the forms
        formContainer.toggleClass('flipped');

        if(!$.support.css3d){
            $('#login').toggle();
        }
        e.preventDefault();
    });

    formContainer.find('form').submit(function(e){

        e.preventDefault();
    });

    function supportsCSS3D() {
        var props = [
            'perspectiveProperty', 'WebkitPerspective', 'MozPerspective'
        ], testDom = document.createElement('a');

        for(var i=0; i<props.length; i++){
            if(props[i] in testDom.style){
                return true;
            }
        }

        return false;
    }
});

$（函数（）{
//正在检查CSS 3D转换支持
$.support.css3d=supportsCSS3D（）；
var formContainer=$（“#formContainer”）；
$（'.flipLink'）。单击（函数（e）{
//翻转表格
formContainer.toggleClass（'flipped'）；
如果（！$.support.css3d）{
$（'#login'）.toggle（）；
}
e、 预防默认值（）；
});
formContainer.find（'form'）.submit（函数（e）{
e、 预防默认值（）；
});
函数支持scss3d（）{
变量props=[
“透视属性”、“WebkitPerspective”、“MozPerspective”
]，testDom=document.createElement（'a'）；
对于（var i=0；i在jQuery之后而不是之前包含脚本
    <script type="text/javascript" src="js/jquery.js"></script>
    <script type="text/javascript" src="js/jquery-ui.js"></script>
    <script type="text/javascript" src="js/scripts.js"></script>



浏览器在加载
标记内容时会以增量方式对其进行评估。如果您将自己的内容放在第一位，浏览器甚至会在解析后续脚本之前尝试运行它。因此，您的脚本的依赖关系将得不到满足，您将得到类似的错误。
将脚本包含在jQuery之后，而不是之前
    <script type="text/javascript" src="js/jquery.js"></script>
    <script type="text/javascript" src="js/jquery-ui.js"></script>
    <script type="text/javascript" src="js/scripts.js"></script>



浏览器在加载
标记内容时会以增量方式对其进行评估。如果您先加载内容，浏览器将尝试在解析后续脚本之前运行它。因此，您的脚本的依赖关系将不会得到满足，并且会出现类似的错误。
您应该在jquery脚本之后加载scripts.js：
<head>
    <script type="text/javascript" src="js/jquery.js"></script>
    <script type="text/javascript" src="js/jquery-ui.js"></script>
    <script type="text/javascript" src="js/scripts.js"></script>
    <link rel = "stylesheet" href= "css/styles.css">
</head>

您应该在jquery脚本之后加载scripts.js：
<head>
    <script type="text/javascript" src="js/jquery.js"></script>
    <script type="text/javascript" src="js/jquery-ui.js"></script>
    <script type="text/javascript" src="js/scripts.js"></script>
    <link rel = "stylesheet" href= "css/styles.css">
</head>


尝试将jquery的脚本标记移动到脚本上方。js so$已定义。
尝试将jquery的脚本标记移动到脚本上方。js so$已定义。
确保jquery头位于使用它的代码上方。您是否正在使用的jquery路径文件正确？$未定义=jquery未加载谢谢r这一解释。现在我知道@pekkama前进意味着什么了。请确保jQuery头位于使用它的代码之上。您是否正在使用的jQuery路径文件是正确的？$is not defined=jQuery未加载感谢您的解释。现在我知道@PekkaAs前进意味着什么了，原因是：在ord中加载了脚本它们的元素在HTML文档中定义。如果您有大量相互依赖的脚本，则维护正确的加载顺序可能会成为一个问题。这就是脚本加载程序（如RequireJS）按HTML文档中定义它们的元素的顺序加载的原因。如果您有大量的依赖r的脚本，维护正确的加载顺序可能会成为一个问题。这就是诸如RequireJS之类的脚本加载程序的作用：