有其他人在运行jQuery和LESS样式表时遇到此问题吗?

时间:2014-09-12 13:22:01

标签: jquery css html5 less

我使用LESS样式表和jQuery进行脚本编写,但LESS.js文件似乎与jQuery冲突。例如,一旦我将外部链接放在标题中,浏览器就不再识别jQuery的$标识符,最终破坏了我的脚本。其他人遇到过这个问题吗?如果是这样,你有没有能够解决它,你是如何让它工作的?这是我的html文档中的头部结构。

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1"> 
    <title></title>
    <link href="css/style.less.css" rel="stylesheet/less" type="text/css">
    <script>
        less = {
            env: "development",
            logLevel: 2,
            async: false,
            fileAsync: false,
            poll: 1000,
            functions: {},
            dumpLineNumbers: "comments",
            relativeUrls: false,
            globalVars: {
                var1: '"string value"',
                var2: 'regular value'
            },
        };
    </script>
    <script src="js/less-1.7.4.min.js"></script>
    <script src="js/script.js"></script>
    <script src="js/jquery.2.0.3.js"></script>
</head>

1 个答案:

答案 0 :(得分:3)

假设script.js是您的代码,它应该在jquery.2.0.3.js之后。只有在页面中包含jQuery之后,$变量才可用。

<script src="js/jquery.2.0.3.js"></script>
<script src="js/script.js"></script>