我们可以在多个id上调用单个ajax功能吗?

时间:2013-10-29 22:51:23

标签: javascript jquery ajax file-upload upload

如何在多个Id上激发单个ajax函数,就像我想要上传图像文件一样,我为此使用ajax调用,

    $(document).ready(function()
        {
            var uploaded_files_location = "<?=$http1?>img/photos_image";

                var ccal= document.getElementById("clickfinder").value;

                new AjaxUpload($('#vpb_upload_button'),
                           $('#vpb_upload_button1'),
                           $('#vpb_upload_button2'),
                           $('#vpb_upload_button3'),
                           $('#vpb_upload_button4'),
               {action: 'any.php',
                name: 'file_to_upload',
                onSubmit: function(file, file_extensions)
                { // code }
               });

我称之为

    <pre>
       <div id="#vpb_upload_button" onclick="idseter('id');"></div>    
     </pre>     

任何人都可以帮助我如何做到这一点以及如何调用onclick函数,因为我想在此事件中调用一些id seter。

1 个答案:

答案 0 :(得分:1)

实际上,你的选择器是错误的。

您应该使用$('##vpb_upload_button')

但是,我建议您使用类而不是id,因为id应该是唯一的。

你能做的是

new AjaxUpload($('.vpb_upload_button')) {
    //code
}

然后在你的HTML中

<div class="vpb_upload_button" onclick="idseter('id');">1</div>
<div class="vpb_upload_button" onclick="idseter('id');">2</div>
<div class="vpb_upload_button" onclick="idseter('id');">3</div>

修改

您可以执行以下操作以对AjaxUpload进行多次调用

$('.upload').each(function() {
    new AjaxUpload($(this)) {
        //code
    }
}