All geek questions in one place

Mootools and ExtJs 4.x seem incompatible, how to solve them?

Mootools and ExtJs have a compatibility issue when used on the same page. Mootools throws the following error:

Uncaught TypeError: Property 'id' of object #<HTMLDocument> is not a function

How can we use both structures side by side? Is there a workaround?

+4
source share
1 answer

This is similar to the reference problem document.id('..') , it is defined, but it is not the mootools method ...

Nothing will work unless it points to the mootools method.

I would say that ExtJS or your application added the id property to the document, which is not a function, which is probably a string or other primitive.

I’m pretty sure ExtJS wouldn’t rewrite document.id , especially considering that they (Sencha) used the main MooTools dev @subtlegradient (thomas aylott) command, which co-wrote the Slick selector engine and helped develop the document.id transition to MooTools from a simple $ at 1.11

You probably can't do document.id = $ to restore it by reference, and it has been overwritten.

The only chance is to try downloading MooTools after downloading and starting ExtJS or loading MooTools, save the link as document.$id = document.id; immediately after, load ExtJS and then restore it when it is ready via document.id = document.$id; delete document.$id document.id = document.$id; delete document.$id , - there are no guarantees that this will start at the right time. you really need to see what your document object changes in the web inspector (you can add an observer)

+5
source

Source: https://habr.com/ru/post/950541/

More articles:


All Articles