如何在 AJAX 中加载 <script type=module>？

Question

如何通过 jQuery AJAX 加载模块脚本？我喜欢通过 AJAX 加载 PhotoSwipe，因为我的图库取决于用户的输入。

<script type="module">
import PhotoSwipeLightbox from 'photoswipe/dist/photoswipe-lightbox.esm.js';
const lightbox = new PhotoSwipeLightbox({
  gallery: '#my-gallery',
  children: 'a',
  pswpModule: () => import('photoswipe/dist/photoswipe.esm.js')
});
lightbox.init();
</script>

我们有一个 HTML 表单。用户提交表单后，服务器将返回内容，jQuery 将响应插入到 DOM 中。响应存储并显示在 div 内。

$('#form').ajaxForm({ 
        target: '#feedbackSection',
        url: 'server.php',
        type: 'post',
        beforeSubmit: beforeSubmit,
        success: showResponse
    });

通常，我会在响应代码中包含一些 JavaScript 代码。我注意到 type=module 未加载：

<script type='module'>
    //This code is not loaded.
</script>

<script type="text/javascript">
$(document).ready(function(){
  //This code is loaded.

});
</script>

有什么办法可以解决这个问题吗？谢谢。

Answer 1

这是jQuery 的一个错误。

将 jQuery 版本更新到 3.3.0+ 应该可以解决该问题。