jQuery 3 is not compatible with this script

[adantart]

It does not load the image and returns a push function error/warning notification

[wapnen]

yea i'm getting the following exception in my console:

jQuery.Deferred exception: _jquery2.default.event.props is undefined init@http://localhost:8000/js/jquery.cropit.js:274:10
Cropit@http://localhost:8000/js/jquery.cropit.js:194:6
init/<@http://localhost:8000/js/jquery.cropit.js:102:21
each@http://localhost:8000/js/jquery-3.2.1.min.js:2:2713
each@http://localhost:8000/js/jquery-3.2.1.min.js:2:1001
init@http://localhost:8000/js/jquery.cropit.js:96:13
_jquery2.default.fn.cropit@http://localhost:8000/js/jquery.cropit.js:147:13
@http://localhost:8000/js/cropit.js:2:2
j@http://localhost:8000/js/jquery-3.2.1.min.js:2:29997
g/</k<@http://localhost:8000/js/jquery-3.2.1.min.js:2:30313

[ghost]

I am getting the same issue
cannot read property 'push' of undefined

[kimulisiraj]

It works fine If You can comment out.
// if (this.options.allowDragNDrop) { // _jquery2['default'].event.props.push('dataTransfer'); // }
This disables drag and drop

[mohandes]

why developer didn't update cropit for jquery v3?

[rsbondi]

#242 seems to work for me, I pointed to the rawgit of this commit and works with old and new version of jquery, at least in my use case

[FahriDevZ]

In jQuery 3 add event like this

jQuery.event.addProp('dataTransfer')

[kpmdevgr]

Also you can solve it by adding allowDragNDrop: false in your cropit call.

@fahri5567 where should we add this line jQuery.event.addProp('dataTransfer') ?

[FahriDevZ]

@kpmdevgr I change this.

if (this.options.allowDragNDrop) {
    $.event.props.push('dataTransfer');
}

to

if (this.options.allowDragNDrop) {
    if ($.event.props.push) { //if can push
        $.event.props.push('dataTransfer');
    }
    else {
        $.event.addProp('dataTransfer');
    }
}

and build.

But i have problem build cropit with webpack.
the problem Error: Cannot find module './Zoomer', because in the file name not Zoomer.js but is zoomer.js.
I change import Zoomer from './Zoomer'; to import Zoomer from './zoomer';.
and build.

[angelogeminiani]

Is this script still maintained?
jQuery 3 compatibility is a must.
Does any one created a side project?

[kpmdevgr]

@angelogeminiani i am using it in two web projects with jquery 3, and the only thing i had to change was the drag and drop to be disabled!

[ssantanuberaa]

I have had the same issue..
But disabling drag and drop works.

$('.image-editor').cropit({
    allowDragNDrop: false
});