jQuery 文件上传和验证未定义函数

Question

我正在使用 jQuery 文件上传和验证，但似乎存在一些我无法解决的冲突。我试图通过应用 jQuery.noConflict(); 来修复它，但这根本没有帮助。

错误：

Uncaught TypeError: undefined is not a function (index):943
(anonymous function) (index):943
m.Callbacks.j jquery.min.js:2
m.Callbacks.k.fireWith jquery.min.js:2
m.extend.ready jquery.min.js:2
J jquery.min.js:2

第 943 行的代码var amount_input = 5;

这里是jQuery代码：

<script type="text/javascript">
        jQuery.noConflict();
            jQuery(document).ready(function() {
                var amount_input = 5;
                jQuery('fieldset .remove-file').live('click',function(e) {
                    e.preventDefault();
                    jQuery(this).parent().remove();
                });

                jQuery('#more-upload-file').bind('click', function(e) {
                    e.preventDefault();
                    var size = jQuery('#set_upload_file .field-row').size();
                    var template = '<span class="field-row"><label for="file_'+ ++size +'">File ( jpg, png, jpeg, gif ):</label><input type="file" id="file_'+ size +'" name="file_'+ size +'" /><a href="#" class="remove-file">remove</a></span>';
                    jQuery(template).insertBefore('#more-upload-file')
                });

                jQuery('input[id=f_full_name], input[id=f_email],input[id=f_phone],input[id=f_company]').keypress(verifyUpload);
                jQuery('input[id=f_full_name], input[id=f_email],input[id=f_phone],input[id=f_company]').change(verifyUpload);

                verifyUpload();
            });
            function verifyUpload(){
                var v1=jQuery('input[id=f_full_name]').val();
                var v2=jQuery('input[id=f_email]').val();
                var v3=jQuery('input[id=f_phone]').val();
                var v4=jQuery('input[id=f_company]').val();
                if((v1=="") || (v2=="") || (v3=="") || (v4=="") ){
                    jQuery('#filewarning').show();
                    jQuery('#set_upload_file').hide();
                }else{
                    jQuery('#filewarning').hide();
                    jQuery('#set_upload_file').show();
                }
            }
    </script>

HTML代码：

<ul id="filewarning" class="messages"><li class="error-msg">Please, fill the required fields above to begin file upload</li></ul>
<fieldset id="set_upload_file" style="display:none">
    <legend>Upload File</legend>
    <span class="field-row">
        <label for="file_1">File ( jpg, png, jpeg, gif ):</label>
        <input type="file" id="file_1" name="file_1" />
    </span>
    <a href="#" alt="More Files Upload" id="more-upload-file">Upload more files</a>
</fieldset>

Answer 1

.live() 自 jQuery v.1.7 以来已被弃用，因此您需要使用 .on() 代替

jQuery 文件上传和验证未定义函数

jQuery File Upload and Validation undefined function

javascript

jquery

undefined