Jquery $（'fileupload'）。fileupload函数未调用_Jquery_Blueimp

Jquery $（'fileupload'）。fileupload函数未调用

jquery

Jquery $（'fileupload'）。fileupload函数未调用,jquery,blueimp,Jquery,Blueimp,我正在配置blueimp，以便在单击发布按钮时上载图像。我的问题是它没有调用$'fileupload'.fileupload函数。我已经包括了以下javascript文件。下面是我的代码，请看是什么问题 <head> <script type="text/javascript" src="../../js/jquery.min.js"></script> <script type="text/javascript" src="../.

我正在配置blueimp，以便在单击发布按钮时上载图像。我的问题是它没有调用$'fileupload'.fileupload函数。我已经包括了以下javascript文件。下面是我的代码，请看是什么问题

<head>
    <script  type="text/javascript" src="../../js/jquery.min.js"></script>
    <script  type="text/javascript" src="../../js/jquery-ui.js"></script>
    <script  type="text/javascript" src="../../js/jQuery-File-Upload-master/js/jquery.fileupload.js"></script>
    <script type="text/javascript" src="../../js/jQuery-File-Upload-master/js/vendor/jquery.ui.widget.js"></script>
    <script type="text/javascript" src="../../js/jQuery-File-Upload-master/js/jquery.iframe-transport.js"></script>
    <script  type="text/javascript">
        $('#fileupload').fileupload({
            dataType : 'json',
            url : "ownmessages",
            add: function (e, data) {
                $('#post') .click(function () {
                    $('#post').text('Uploading...');
                    data.submit();
                });
            },
            done: function (e, data) {
                $('#post').text('Upload finished.');
            }
        });
    </script>
</head>
<body>
    <s:form action="ownmessages" enctype="multipart/form-data" method="post">
        <s:textarea rows="2" cols="40" name="message" id="message1"></s:textarea><br>
        <s:select name="msg_visibility" id="msg_visibility" list="#{'public':'Public', 'friends':'Friends','me':'Me only'}" value="public"/>
        <input id="fileupload" type="file" name="user_post_image[]"  data-url="ownmessages"/>
        <input type="button" value="Post" id="post" />
    </s:form>
</body>

第一个问题：

这只是一个开始，但可能还不够

接下来，至少为了优化，将脚本标记移动到底部

您需要等待文档完成加载，然后再尝试选择任何元素。ready方法等待文档对象模型DOM完成加载，然后运行脚本

$(document).ready(function() {
  $('#fileupload').fileupload({
        dataType : 'json',
        url : "ownmessages",
        add: function (e, data) {
            $('#post') .click(function () {
                $('#post').text('Uploading...');
                data.submit();
            });
        },
        done: function (e, data) {
            $('#post').text('Upload finished.');
        }
    });
});

您也可以将函数传递给jQuery，而不用.ready

$(function() {
    // will run after DOM is loaded
});

+1表示jQuery.ready的简短版本。您甚至可以使用ready回调中的第一个参数生成$mos的本地版本：jQueryfunction${/*在这里$mos def等于jQuery*/}；我添加了$document.readyfunction{但它仍然不起作用。您可以在您的控制台中查看是否存在js错误，然后在每个步骤中使用console.logvartocheck查看问题的来源

$(function() {
    // will run after DOM is loaded
});