Question

我正在使用Mottie键盘https://github.com/Mottie/Keyboard。这个插件中的所有JS和CSS都添加在index.html中。我的部分文件是home.html在这个文件中只有我有键盘代码，但那是行不通的。如果我正在添加那些CSS和JS文件，它在主页上工作，但所有js文件也在GET方法中呈现控制台...

以下是我的代码。

的index.html

<html lang="en"  ng-app="CSI">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
    <title>AXA</title>
    <!-- Bootstrap -->  
    <link href="docs/css/jquery-ui.min.css" rel="stylesheet">
    <link rel="stylesheet" href="dist/css/bootstrap.min.css">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.5.2/animate.min.css">
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css">
    <link rel="stylesheet" href="dist/css/video-css.css">
    <link rel="stylesheet" href="dist/css/keyboard.css">
    <link rel="stylesheet" href="docs/css/demo.css">
    <link rel="stylesheet" href="docs/css/tipsy.css">
    <link rel="stylesheet" href="docs/css/prettify.css">
    <link rel="stylesheet" href="dist/css/custom.css">
    <script type="text/javascript" src="docs/js/jquery.min.js"></script>
    <script type="text/javascript" src="docs/js/jquery-ui.min.js"></script>
    <script type="text/javascript" src="docs/js/bootstrap.min.js"></script>
    <script type="text/javascript" src="docs/js/angular.min.js"></script>
    <script type="text/javascript" src="https://code.angularjs.org/1.2.28/angular-route.js"></script>
    <!-- project scripts -->
    <script type="text/javascript" src="public/app/app.js"></script>
    <script type="text/javascript" src="dist/js/jquery.keyboard.js"></script>
    <script type="text/javascript" src="dist/js/jquery.keyboard.extension-typing.js"></script>
    <script type="text/javascript" src="dist/js/jquery.keyboard.extension-autocomplete.js"></script>
    <script type="text/javascript" src="dist/js/jquery.keyboard.extension-caret.js"></script>
    <script type="text/javascript" src="docs/js/demo.js"></script>
    <script type="text/javascript" src="docs/js/jquery.tipsy.min.js"></script>
    <script type="text/javascript" src="docs/js/prettify.js"></script>
    <script src="dist/js/custom.js"></script>
    <script type="text/javascript" src="dist/js/wow.js"></script>
    <script src="dist/js/touchswipe.min.js"></script>
    <script type="text/javascript" src="dist/js/jquery.mousewheel.js"></script>
    </head>
    <body>

    <div ng-view></div>
    </body>
    </html>

home.html的

<input class="text" type="text" placeholder="Name"><i class="fa fa-keyboard-o icon" aria-hidden="true"></i>

我不知道为什么我的代码无法工作...键盘即将到来...如果我在home.html键盘中添加所有与键盘相关的脚本即将到来，但在浏览器控制台中，所有脚本都会更改为GET请求和每当页面刷新时都会加载。

浏览器控制台

任何建议任何帮助。提前谢谢。

在partials中加载插件js文件，应该在header标签中显示

0 个答案: