JQuery UI dialog - *Dialog not a function* error

Question

I am developing a site using pinax. In one of my templates I am trying to open a simple jquery dialog box. However I keep getting the \"Dialog not a function\" javascript er

Answer 1

As already explained, you probably override the existing libraries.

One way of dealing with it is to ensure that the correct files are loaded.

Another way is to insert an iframe between the dialog and the content in the dialog. Iframes are treated by the browser as a separate page with its own scripts. So the scripts of the content "on top of" the iframe, will be separate from the scripts of the dialog "under" the iframe.