change jQuery don't work

Question

I have this code:

        $(".input_photo").click(function() {

            $.post("ajax/imagefile.html", function(img){
                complete: $(".bp_load").fadeIn(0).html(img);
            });
        });

Imagefile is a simple HTML page that contains the form and input type file with ID imageform.

And I have another code:

            $('#photoimg').live('change', function(){
                $("#imageform").ajaxForm({
                    target: '.preview'
                }).submit();
            });

I searched in the web, and I understand that live is deprecated, and I have changed to on, but it doesn't work. The input type file is changed, but the event doesn't triggered.

Which version of jQuery are you using? Do you get any console errors? — James Donnelly, Jun 13 '13 at 08:33
As I known, This event is seem to be limited to elements.http://stackoverflow.com/questions/1443292/how-to-implement-onchange-of-input-type-text-with-jquery — Laughing, Jun 13 '13 at 08:36
@user2465422 live() has been removed from 1.9.x, so use delegation with .on() — A. Wolff, Jun 13 '13 at 08:37

score 3 · Accepted Answer · answered Jun 13 '13 at 08:33

3

Equivalent to live using .on() is: {delegate syntax}

$(document).on('change', '#photoimg',function(){
                $("#imageform").ajaxForm({
                    target: '.preview'
                }).submit();
            });

answered Jun 13 '13 at 08:33

A. Wolff

74,033
9
94
155

FANTASTIC roasted, TANK YOU SO MUCH!!!! – user2465422 Jun 13 '13 at 08:39

change jQuery don't work

1 Answers1