腳本在 jquery 之前加載

Question

我正在嘗試在我的應用程序中使用葡萄。 所以，我在html頁面的頭部添加了jquery，在正文中添加了腳本。 我的 jquery 已加載到該頁面中，但在加載 jquery 之前，主體中的腳本已執行。 所以腳本不起作用

JavaScript - 如何確保加載了 jQuery？ 使用上面的鏈接，我嘗試在標題標簽和正文中的腳本中提供查詢，但它不起作用。

<meta charset="utf-8">
<title>GrapesJS</title>
  <link rel="stylesheet" href="https://unpkg.com/grapesjs/dist/css/grapes.min.css">
  <script src="https://unpkg.com/grapesjs"></script>
  <style>
    body,
    html {
      height: 100%;
      margin: 0;
   }
  </style>
  <div id="gjs" style="height:0px; overflow:hidden;">
    <div class="panel">
      <h1 class="welcome">Welcome to</h1>
        <div class="big-title">
          <svg class="logo" viewBox="0 0 100 100">
            <path d="M40 5l-12.9 7.4 -12.9 7.4c-1.4 0.8-2.7 2.3-3.7 3.9 -0.9 1.6-1.5 3.5-1.5 5.1v14.9 14.9c0 1.7 0.6 3.5 1.5 5.1 0.9 1.6 2.2 3.1 3.7 3.9l12.9 7.4 12.9 7.4c1.4 0.8 3.3 1.2 5.2 1.2 1.9 0 3.8-0.4 5.2-1.2l12.9-7.4 12.9-7.4c1.4-0.8 2.7-2.2 3.7-3.9 0.9-1.6 1.5-3.5 1.5-5.1v-14.9 -12.7c0-4.6-3.8-6-6.8-4.2l-28 16.2"/>
         </svg>
         <span>GrapesJS</span>
       </div>
       <div class="description">
        This is a demo content from index.html. For the development, you shouldn't edit this file, instead you can
        copy and rename it to _index.html, on next server start the new file will be served, and it will be ignored by git.
    </div>
  </div>
 </div>

<script type="text/javascript">
  $(window).on('load', function(){
      var editor = grapesjs.init({
          showOffsets: 1,
          noticeOnUnload: 0,
          container: '#gjs',
          height: '100%',
          fromElement: true,
          storageManager: { autoload: 0 },
      });
  });

editor.BlockManager.add('testBlock', {
    label: 'Block',
    attributes: { class:'gjs-fonts gjs-f-b1' },
    content: `<div style="padding-top:50px; padding-bottom:50px; text-align:center">Test block</div>`
})

正文中的腳本必須在查詢下載或解包后加載。

Answer 1

您必須將腳本代碼放在 document.ready 函數中，如下所示：

$(document).ready(function(){
  // your js code
});

或 window.load 像這樣：

$(window).on('load', function(){
  // your js code
});

希望能幫到你：）

Answer 2

把head里面的js全部取出來，加到body后面。 其次從html頁面中取出所有腳本並創建一個新的js文件並在那里添加代碼。

所以你的 html 文件看起來像這樣

<body>
 //rest of html
<script src="pathToJquery"></script>
 <script src="https://unpkg.com/grapesjs"></script>
<script src="pathToCustomJS"></script>
</body>

腳本在 jquery 之前加載

問題描述

2 個解決方案

解決方案1
0 2018-12-27 06:06:18

解決方案2
0 2018-12-27 08:31:24

腳本在 jquery 之前加載

問題描述

2 個解決方案

解決方案1 0 2018-12-27 06:06:18

解決方案2 0 2018-12-27 08:31:24

解決方案1
0 2018-12-27 06:06:18

解決方案2
0 2018-12-27 08:31:24