jQuery的不加載，當它是先於其他JavaScript文件

包括

<!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>

目前控制檯使我有以下三個錯誤：jQuery的不加載，當它是先於其他JavaScript文件

Uncaught Error: Bootstrap's JavaScript requires jQuery (bootstrap.min.js:16)

Uncaught ReferenceError: jQuery is not defined (metisMenu.min.js:9)

Uncaught ReferenceError: $ is not defined (sb-admin-2.js:6)

我搜索網，我無法找到一個適合的解決方案我問題。我嘗試將jquery.min.js移動到標題並將jquery的源更改爲https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js。這兩個選項都不起作用。我認爲這可能是因爲jquery在加載其他JavaScript文件後正在加載。我怎樣才能解決這個問題？

UPDATE：這是我的文件夾結構：

供應商有：

app.html是在這裏：

我試着輸入jQuery.fn.jquery和jQuery().jquery在控制檯中。兩者都給了我Uncaught ReferenceError: jQuery is not defined(…).所以看起來好像jQuery沒有加載。

來源

2016-12-27 varimax

看到控制檯是否有404錯誤？ – Araz

不，我沒有看到任何404錯誤 – varimax

請確保你沒有加jQuery兩次 – Araz

好像jQuery被加載到電子隔離範圍內。您可以前插入這個腳本所有腳本進口

<script> if (typeof module === 'object') { window.module = module; module = undefined; } </script>

這應該瀏覽器和電子工作

來源

2016-12-27 08:56:03

這對我有效。謝謝，我在這裏找到了類似的答案：http://stackoverflow.com/questions/32621988/electron-jquery-is-not-defined – varimax

很好。謝謝你的工作...我只是添加了這個befor我的jQuery腳本..它的工作.. –

-1

在「<腳本src =」../ vendor/jquery/jquery.min.js「>」之後添加以下代碼，以檢查Jquery文件路徑是否正確。

 

    <script> 
     console.log("typeof $: " + typeof $) 
    </script>

來源

2016-12-27 07:28:52 HTML

它給了我Uncaught ReferenceError：$沒有定義 – varimax

壞主意。不要使用jQuery來查看它是否已被加載。 'console.log（「typeof $：」+ typeof $）'會更好。 – traktor53

jQuery的不加載，當它是先於其他JavaScript文件

回答

相關問題