javascript - 无法读取 Modal 中未定义的属性 'parseMetaData'

Question

我尝试使用jQuery file upload在具有外部内容的 Bootstrap 模式中。我使用 Firefox 和 Explorer 没有问题，但使用 Chrome 时出现此错误无法读取未定义的属性“parseMetaData”

我将 jQuery.js 和 jQuery.ui.min.js 包含在主模板中，并将所有其他 js 直接包含在由 modal 按此顺序调用的 php 页面中:

<script src="//blueimp.github.io/JavaScript-Templates/js/tmpl.min.js"></script>
<script src="//blueimp.github.io/JavaScript-Load-Image/js/load-image.all.min.js"></script>
<script src="//blueimp.github.io/JavaScript-Canvas-to-Blob/js/canvas-to-blob.min.js"></script>
<script src="//netdna.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
<script src="//blueimp.github.io/Gallery/js/jquery.blueimp-gallery.min.js"></script>
<script src="js/jquery.iframe-transport.js"></script>
<script src="js/jquery.fileupload.js"></script>
<script src="js/jquery.fileupload-process.js"></script>
<script src="js/jquery.fileupload-image.js"></script>
<script src="js/jquery.fileupload-audio.js"></script>
<script src="js/jquery.fileupload-video.js"></script>
<script src="js/jquery.fileupload-validate.js"></script>
<script src="js/jquery.fileupload-ui.js"></script>

然后是我的代码:

jQuery(function ($) {
   'use strict';
   $('#fileupload').fileupload({

        autoUpload: true,
        acceptFileTypes: /(\.|\/)(gif|jpe?g|png)$/i,
        maxFileSize: 8000000,
        maxNumberOfFiles: 6,
        disableImageResize: /Android(?!.*Chrome)|Opera/
        .test(window.navigator && navigator.userAgent),
        imageMaxWidth: 1200,
        imageMaxHeight: 900,
        imageCrop: false, 
        url: '/wall/'
    });


    $('#fileupload').fileupload(
        'option',
        'redirect',
        window.location.href.replace(
            /\/[^\/]*$/,
            '/cors/result.html?%s'
        )
    );
});

有人可以帮助我吗？

Answer 1

我找到了答案!我必须将所有脚本包含在主模板的标题中。再见