Drupal 9 - 未捕獲的 ReferenceError：未定義 jQuery

Question

我正在嘗試在 Drupal 9 中使用外部 Javascript 庫areYouSure 。我收到錯誤“Uncaught ReferenceError: jQuery is not defined”。

我的表單 php 代碼如下所示。

<?php

function raco_inventory_purchase_form($eid)
{
    $out = 
    '
    <script src="/core/assets/vendor/jquery/jquery.min.js"></script>
    <script src="/libraries/areyousure/jquery.are-you-sure.js"></script>
    <script src="/modules/custom/racoinventory/js/racoinventory.js"></script>
    
    <body>
        <form id="myform" autocomplete="off" action="/racoinventory/purchase/entries/' . $eid . '" method="post">
            <input type="text" id="yourname" name="yourname" value="' . '" placeholder="Enter your name">
            <br><br>
            <input type="button" value="Save" onclick="racoinventory_save_data(this);" />
        </form>

        <script>
          jQuery(function() 
          {
            jQuery("#myform").areYouSure(
              {
                message: "It looks like you have been editing something. "
                       + "If you leave before saving, your changes will be lost."
              }
            );
          });
       </script>
     </body>
    ';
    
    return $out;
}
?>

我的庫文件如下所示

# Custom module library for general purposes.
racoinventory:
  css:
    component:
      css/racoinventory.css: {}
  
  js:
    /libraries/raco/racocommon.js: {}
    js/racoinventory.js: {}
    /libraries/areyousure/jquery.are-you-sure.js
    
  dependencies:
    - core/jquery
    - core/jquery.once

並且 javascript 代碼如下所示

function racoinventory_save_data()
{
    alert("You hit Save button");
    jQuery('#myform').trigger('rescan.areYouSure');
    return true;
}

使用此代碼，當我加載頁面時，出現以下錯誤。

未捕獲的類型錯誤：jQuery(...).areYouSure 不是函數

我不確定這里出了什么問題。 有人可以幫我找出問題所在。

Answer 1

IMO 您可以嘗試將代碼包裝在

(function ($,jQuery) {
  $(document).ready(function(){
   Code here

  });
})(jQuery);

但是，您可以檢查 jQuery 庫版本並可以在底部加載 jQuery。

Drupal 9 - 未捕獲的 ReferenceError：未定義 jQuery

問題描述

1 個解決方案

解決方案1
0 2020-09-28 06:05:44

Drupal 9 - 未捕獲的 ReferenceError：未定義 jQuery

問題描述

1 個解決方案

解決方案1 0 2020-09-28 06:05:44

解決方案1
0 2020-09-28 06:05:44