jquery - 两个代码之间的jquery冲突

Question

我在两个 jquery 代码之间有问题

第一个代码帮助上传图片，第二个：注册表单数据返回

第一的：

jQuery(function(){
    var btnUpload = jQuery('#avatar');
    new AjaxUpload(btnUpload, {
        action: 'process/pic.php',
        name: 'avatar',
        onSubmit: function(file, ext){
            if (! (ext && /^(jpg|jpeg)$/i.test(ext))){

                // extension is not allowed
                showNotification({type : "information", message: 'Tikai *.jpg un *.jpeg formats.'});
                return false;
            }
            showNotification({type : "information", message: '<img src="img/loader.gif" />'});
        },
        onComplete: function(file, response){
            if(response){
                location.reload(true);
            }
        }
    });
});

和两个：

jQuery(function() {
    jQuery('#reg').submit(function() {
        jQuery.ajax({
            type: "POST",
            url: jQuery('#reg').attr('action'),
            data: jQuery('#reg').serialize(),
            success: function(data) {
                if(data){
                    showNotification({type : "warning", message: data});
                }else{
                    location.reload(true);
                }               
            }
        });
        return false;
    });
});

第一个代码工作得很好，但第二个代码在删除第一个代码时不起作用。为什么？

抱歉英语不好。

Answer 1

您是否尝试过在一个 jQuery(function(){}) 中添加这两个函数，如下所示：

jQuery(function(){

//the 1st function 
var btnUpload = jQuery('#avatar');
new AjaxUpload(btnUpload, {
    action: 'process/pic.php',
    name: 'avatar',
    onSubmit: function(file, ext){
        if (! (ext && /^(jpg|jpeg)$/i.test(ext))){

            // extension is not allowed
            showNotification({type : "information", message: 'Tikai *.jpg un *.jpeg formāts.'});
            return false;
        }
        showNotification({type : "information", message: '<img src="img/loader.gif" />'});
    },
    onComplete: function(file, response){
        if(response){
            location.reload(true);
        }
    }
});

 //the 2nd function 

 jQuery('#reg').submit(function() { jQuery.ajax({ type: "POST", url: jQuery('#reg').attr('action'), data: jQuery('#reg').serialize(), success: function(data) { if(data){ showNotification({type : "warning", message: data}); }else{ location.reload(true); }
} }); return false; }); 

                });