jCrop Error

[natedin]

Hi, I've installed the latest version of Image+ (2.3.2) on MODX 2.3.3 (clean install) and I'm receiving the following error when trying to crop image using Image+

Uncaught TypeError: this.$image.Jcrop is not a function
Ext.extend.initJcrop @ imageplus.jquery.imagecrop.js?v=233pl:77
(anonymous function) @ ext-base.js:21

File: imageplus.jquery.imagecrop.js?v=233pl:77

This is running on a local machine, using WAMP 2.4, PHP 5.4.12, pThumb 2.3.3

Thanks

[Jako]

That means that $image does not exist. You could try to increase the defer value from 10 to something higher in line 55 of assets/components/imageplus/mgr/js/imageplus.jquery.imagecrop.js

Looking for a better solution to be sure that the element exists.

[natedin]

Thanks for the info, I've managed to get it working! It seems there was a conflict with the Asset Manager extra (whoops! forgot it was installed). Would it be possible to make Image+ run in a no-conflict mode to prevent this?

[Jako]

Seems that $image has to be put into a closure then.

[jenswittmann]

There is also a Problem with MarkdownEditor Plugin, same error as above. It also use Jcrop.

[Jako]

Will be fixed in the next release.

[Jako]

Can't do much here. That are stupid jQuery and jQuery Plugin version issues. Asset Manager uses jQuery in another version and jCrop in the same version but with different file paths and filenames (jcrop.js vs. jquery.jcrop.min.js). MarkdownEditor uses a combined dependencies.js with another jQuery version inside that kills all jQuery scripts registered before.

It is more the fault of the MODX regClientScript system that does not allow dependencies and version checks.

[Jako]

Solved with the hint of @theboxer by jQuery.noConflict