Jquery: MultiFile Plugin failing on IE7

Question

Hello Guys, I'm using this plugin http://www.fyneworks.com/jquery/multiple-file-upload/ to create a mail attach system, but it is failing to execute on IE7.

Here's my code:

$(".attachFile").live("click",function(){
    var id ="#"+$(this).parent().parent().attr("id");
    $(id + ' #attach').MultiFile({
        onFileAppend: function(element, value, master_element){ 
        $("#"+id + ' .attach-list').append('<li>onFileAppend - '+value+'</li>') 
        var options = { 
            url:       '/setAttach',         // override for form's 'action' attribute 
            type:      'POST'        // 'get' or 'post', override for form's 'method' attribute 
        }; 

        // bind to the form's submit event 
        $("#"+id + ' #uploadForm').submit(function() {

           $(this).ajaxSubmit(options); 

           return false; 
        });
    }, 
    afterFileAppend: function(element, value, master_element){ 
     $("#"+id + ' #uploadForm').submit();
    }
});
});

This event is fired when user clicks hover a link to attach files. Any clues for what I'm doing wrong?

Thanks

Answer 1

cmedeiros, I'm the developer of the plugin in question. What do you expect to happen? And what do you see instead?

I know you said it fails to execute, but at which point?

Answer 2

I found a solution, first create the element in the DOM, then bind MultiFile to it, and in the end append it to the screen:

var e = $("<div id=\""+id+"\" class=\"inner-center compose hidden\">"+$("#form").html()+"</div>");

$('#attach',e).MultiFile({ ... ACTIONS ... });

$(".middle-center").append(e);

Worked very well.