Question

我已经看过这个问题的许多其他答案，但是找不到适合我情况的答案。我有两个.js文件，我想使用，但只有一个工作。我认为必定存在某种冲突，但我无法弄清楚它是什么。

这是我的主管部分。

<head>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <script type="text/javascript" src="bower_components/jquery/dist/jquery.min.js"></script>
    <script type="text/javascript" src="bootstrap.min.js"></script>
    <script type="text/javascript" src="bower_components/FlowType.js/flowtype.js"></script>
    <link href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap-glyphicons.css" rel="stylesheet">
    <link rel="stylesheet" href="bootstrap.min.css">
    <link href="main.css" rel="stylesheet">
</head>

然后我在关闭正文标记之前调用这些脚本。

<script type="text/javascript">
    $j = jQuery.noConflict();
    $j(document).ready(function() {
        $j("body").flowtype({
            minimum: 300,
            minFont: 12,
            maxFont: 40,
            fontRatio: 30
        });
        $j("nav").flowtype({
            minFont:8,
            maxFont: 14,
            fontRatio: 23
        });
        $j(".jumbotron").flowtype({
            fontRatio:100
        });
        $j(".established h5").flowtype({
            minFont: 16,
            maxFont: 45,
            fontRatio: 16
        });
        $j("h1").flowtype({
            minFont: 16,
            maxFont: 45,
            fontRatio: 12
        });
        $j("h2").flowtype({
            minFont:16,
            maxFont:40,
            fontRatio:15
        });
        $j("h3").flowtype({
            minFont:12,
            maxFont:35,
            fontRatio:20
        });
        $j("h4").flowtype({
            minFont:12,
            maxFont:35,
            fontRatio:20
        });
        $j("h5").flowtype({
            minFont:12,
            maxFont:20,
            fontRatio:20
        });
        $j("h6").flowtype({
            minFont:12,
            maxFont:20,
            fontRatio:20
        });
        $j("p").flowtype({
            minFont: 8,
            maxFont: 14,
            fontRatio: 20
        });
        $j(".overview").flowtype({
            minFont:12,
            maxFont:20,
            fontRatio:30
        });
         $j(".slideshow").flowtype({
            minFont:12,
            maxFont:20,
            fontRatio:30
        });
        $j(".slide img").flowtype({
            minFont:12,
            maxFont:20,
            fontRatio:30
        });
        $j(".slider-nav").flowtype({
            minFont:12,
            maxFont:20,
            fontRatio:30
        });
        $j(".info").flowtype({
            minFont:12,
            maxFont:20,
            fontRatio:30
        });
        $j(".copyright").flowtype({
            minFont:12,
            maxFont:20,
            fontRatio:30
        });
    });
</script>
<script type="text/javascript" src="app.js"></script>
</body>

flowtype.js文件如下所示：

(function($){
       $.fn.flowtype = function(options) {
         .....................
         .....................
       };
 } (jQuery));

app.js文件如下所示：

var main = function(){
        ..............................
        ................................
        ..............................
}
$(document).ready(main);

我想我已经解决了一些人遇到的jQuery.noConflict（）问题。我只使用一个jquery文件。那么我做错了什么？希望这是我愚蠢的东西，我只是没有抓住。

感谢所有帮助！

Answer 1

那么我做错了什么？

您正在使用%comspec% /k "C:\Program Files (x86)\Microsoft Visual Studio 12.0\Common7\Tools\VsDevCmd.bat"。它取消定义jQuery.noConflict()，因此$无效。

我有两个不能一起工作的JavaScript文件

1 个答案: