0

2 つの jquery コードの間に問題があります

最初のコードは画像のアップロードに役立ち、2 つ目: 登録フォームのデータが返されます

最初：

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);
            }
        }
    });
});

そして2つ：

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;
    });
});

最初のコードは正常に機能しますが、最初のコードを削除している間は 2 番目のコードは機能しません。なんで？

下手な英語でごめんなさい。

4

1 に答える 1

0

次のように、1 つの jQuery(function(){}) に 2 つの関数を追加してみましたか。

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; }); 

                });
于 2013-02-07T21:10:25.840 に答える