如何订购我乱糟糟的脚本

时间:2018-01-23 09:46:39

标签: javascript html web-applications

我是编码新手,现在我在html页面添加脚本时遇到问题 它是一个web应用程序项目,其中包含layoutpage.cshtml和thepage.cshtml

我想订购某些时候某些时候有效的代码(大部分时间)代码中也有MAP API。问题是地图在我第一次安装应用程序时没有加载然后每次运行正常(猜测是因为缓存?)。 那么有人可以帮我订购这个可能它会解决或者我会理解并找到它的问题

问题>>地图不加载或只映射加载但没有引脚我第一次安装我的应用程序或清除缓存(如果尝试在浏览器上)但问题不会发生在某些时候工作正常。 我捕获的错误不是所有的都出现在同一时间,而是随机出现。有时即使出现第一个错误也会出现。

我从safari(usb debug)调试我得到的错误是:

  1. multipleDefine
  2. defineAlreadyDefined
  3. TypeError:null不是对象(评估'q.renderer.toLowerCase')
  4. 该服务暂时不可用
  5. setPosition:节点未定义
  6. TypeError:Object不是构造函数(评估'new a')
  7. 无法加载资源:服务器响应状态为404(未找到)
  8. 不确定是否更多,但这些是最常见的。

    继承人layoutpage.cshtml

    <!DOCTYPE html>
    <html>
    <head>
        <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no">
        <meta http-equiv="Content-Script-Type" content="text/javascript">
        <meta name="ROBOTS" content="NOINDEX,NOFOLLOW">
        <link href="~/Content/bootstrap.min.css" rel="stylesheet">
    </head>
    <body>
        <script src="~/Scripts/bootstrap.min.js"></script>
        <script src="~/Scripts/jquery-1.12.4.min.js"></script>
        @RenderBody()
    </body>
    </html>
    

    这里是在page.cshtml中添加的所有脚本

    <link rel="stylesheet" href="https://code.jquery.com/ui/1.12.1/themes/smoothness/jquery-ui.css">
    <link rel="stylesheet" href="~/Content/bootstrap.min.css">
    <script src="~/Scripts/jquery-1.12.4.min.js"></script>
    <script src="~/Scripts/bootstrap.min.js"></script>
    
        @*MAP API*@
        <script type="text/javascript" src="nostra map api"></script>
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
    
        <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.min.js" integrity="bla bla bla" crossorigin="anonymous"></script>
        <script src="~/Scripts/storageManager.js"></script>
    

    你可以看到有一些重复的代码。我试过把它全部放在布局文件中删除重复的那些,但后来它打破了我的javascript代码所以我认为可能是因为我如何订购代码所以请给我建议。 谢谢。

1 个答案:

答案 0 :(得分:0)

我修复了它,感谢@Calvin Nunes的建议,在尝试重新排序并找出哪一个是重复的。 所以我删除了重复的并将js文件放在最上面 就是这样:

<!DOCTYPE html>
<html>
<head>
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no">
    <meta http-equiv="Content-Script-Type" content="text/javascript">
    <meta name="ROBOTS" content="NOINDEX,NOFOLLOW">
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
    <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.min.js" integrity="sha256-VazP97ZCwtekAsvgPBSUwPFKdrwD3unUfSGVYrahUqU=" crossorigin="anonymous"></script>

    <link href="~/Content/bootstrap.min.css" rel="stylesheet">
    <link rel="stylesheet" href="~/Content/bootstrap.min.css">
    <link rel="stylesheet" href="https://code.jquery.com/ui/1.12.1/themes/smoothness/jquery-ui.css">

</head>
<body>
    @*Nostra API*@
    <script type="text/javascript" src="https://api.nostramap.com/nostraapi/v2.0?key=Gl1ij2YtOI(AbMFsyTY(s)AJQ87ixrHtPn13RLCOi0KlqbKe6dxeTjR4RWBU3Vi0mMliHnBeUeuImFLGat6V8ym=====2"></script>
    <script src="~/Scripts/bootstrap.min.js"></script>
    <script src="~/Scripts/storageManager.js"></script>
    @RenderBody()
</body>
</html>

感谢@Calvin Nunes