jquery在包含在其他javascript文件之前时未加载电子样板切换导航 ..._Javascript_Jquery_Html

jquery在包含在其他javascript文件之前时未加载电子样板切换导航 ...

javascript jquery html

jquery在包含在其他javascript文件之前时未加载电子样板切换导航 ...,javascript,jquery,html,Javascript,Jquery,Html,当前console给了我以下三个错误：未捕获错误：Bootstrap的JavaScript需要jQuery（Bootstrap.min.js:16）未捕获引用错误：未定义jQuery（metisMenu.min.js:9）未捕获引用错误：$未定义（sb-admin-2.js:6）我在网上搜索过，找不到适合我的问题的解决方案。我尝试将jquery.min.js移动到标题，并将jquery的源代码更改为。这两个选项都不起作用。我认为这可能是因为jquery是在加载其他javascript文件

当前console给了我以下三个错误：

未捕获错误：Bootstrap的JavaScript需要jQuery（Bootstrap.min.js:16）

未捕获引用错误：未定义jQuery（metisMenu.min.js:9）

未捕获引用错误：$未定义（sb-admin-2.js:6）

我在网上搜索过，找不到适合我的问题的解决方案。我尝试将

jquery.min.js

移动到标题，并将jquery的源代码更改为。这两个选项都不起作用。我认为这可能是因为jquery是在加载其他javascript文件之后加载的。我怎样才能解决这个问题

更新：这是我的文件夹结构：

供应商有：

app.html位于此处：

我尝试在控制台中键入

jQuery.fn.jQuery

和

jQuery（）.jQuery

。两者都给了我

未捕获的引用错误：jQuery未定义（…）。

因此，似乎根本没有加载jQuery。

似乎jQuery加载到了electron中的一个隔离作用域中。您可以在所有脚本导入之前插入此脚本

<!doctype html>
<html>
<head>
    <meta charset="utf-8">

    <title>Electron Boilerplate</title>

    <link href="stylesheets/main.css" rel="stylesheet" type="text/css">
    <link href="../vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">

    <!-- MetisMenu CSS -->
    <link href="../vendor/metisMenu/metisMenu.min.css" rel="stylesheet">

    <!-- Custom CSS -->
    <link href="../vendor/sb-admin-2.css" rel="stylesheet">

    <!-- Custom Fonts -->
    <link href="../vendor/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css">

</head>
<body>
  <div id="wrapper">
    <nav class="navbar navbar-default navbar-static-top" role="navigation" style="margin-bottom: 0">
      <div class="navbar-header">
        <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
          <span class="sr-only">Toggle navigation</span>
          <span class="icon-bar"></span>
          <span class="icon-bar"></span>
          <span class="icon-bar"></span>
        </button>
        <a class="navbar-brand" href="index.html">SB Admin v2.0</a>
      </div>
    ...



    </nav>
  </div>
    <script src="../vendor/jquery/jquery.min.js"></script>
    <script src="helpers/context_menu.js"></script>
    <script src="helpers/external_links.js"></script>

    <script src="app.js"></script>
    <script src="../vendor/bootstrap/js/bootstrap.min.js"></script>

    <!-- Metis Menu Plugin JavaScript -->
    <script src="../vendor/metisMenu/metisMenu.min.js"></script>
    <script src="../vendor/sb-admin-2.js"></script>
</body>
</html>


if（模块类型===‘对象’）{
window.module=模块；
模块=未定义；
}

这应该适用于浏览器和electron

似乎jQuery被加载到electron中的一个隔离作用域中。您可以在所有脚本导入之前插入此脚本

<!doctype html>
<html>
<head>
    <meta charset="utf-8">

    <title>Electron Boilerplate</title>

    <link href="stylesheets/main.css" rel="stylesheet" type="text/css">
    <link href="../vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">

    <!-- MetisMenu CSS -->
    <link href="../vendor/metisMenu/metisMenu.min.css" rel="stylesheet">

    <!-- Custom CSS -->
    <link href="../vendor/sb-admin-2.css" rel="stylesheet">

    <!-- Custom Fonts -->
    <link href="../vendor/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css">

</head>
<body>
  <div id="wrapper">
    <nav class="navbar navbar-default navbar-static-top" role="navigation" style="margin-bottom: 0">
      <div class="navbar-header">
        <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
          <span class="sr-only">Toggle navigation</span>
          <span class="icon-bar"></span>
          <span class="icon-bar"></span>
          <span class="icon-bar"></span>
        </button>
        <a class="navbar-brand" href="index.html">SB Admin v2.0</a>
      </div>
    ...



    </nav>
  </div>
    <script src="../vendor/jquery/jquery.min.js"></script>
    <script src="helpers/context_menu.js"></script>
    <script src="helpers/external_links.js"></script>

    <script src="app.js"></script>
    <script src="../vendor/bootstrap/js/bootstrap.min.js"></script>

    <!-- Metis Menu Plugin JavaScript -->
    <script src="../vendor/metisMenu/metisMenu.min.js"></script>
    <script src="../vendor/sb-admin-2.js"></script>
</body>
</html>


if（模块类型===‘对象’）{
window.module=模块；
模块=未定义；
}

这应该适用于浏览器和electron

查看控制台是否存在任何404错误？不，我没有看到任何404错误确保您没有添加两次jquery您使用的是什么版本的jquery？您需要使用受支持的版本，应支持jQuery版本1.9.1-3。$未定义和未定义jQuery是相同的错误。$是jQuery对象的缩写需要jQuery对象的引导也很清楚。。。不清楚为什么找不到它。。。奇怪，看看控制台是否有404错误？不，我没有看到任何404错误请确认您没有添加两次jquery。您使用的是什么版本的jquery？您需要使用受支持的版本，应支持jQuery版本1.9.1-3。$未定义和未定义jQuery是相同的错误。$是jQuery对象的缩写需要jQuery对象的引导也很清楚。。。不清楚为什么找不到它。。。奇怪的是这对我有用。谢谢，我在这里找到了一个类似的答案：太好了。感谢您的帮助…我刚刚在jquery脚本之前添加了这个。。这对我来说很有效。谢谢，我在这里找到了一个类似的答案：太好了。感谢您的帮助…我刚刚在jquery脚本之前添加了这个。。而且很有效。。