Custom Javascript Problem

[Barbara]

http://project.tiggzi.com/mobile-fram...

[Barbara]

Looks like the problem is in jquery.animate-enhanced.min.js which is code I got elsewhere (demo works) but in the demo this file is included before JQM - don't know if this is important, but I'm guessing it is.

If it is, is it possible to call it prior to JQM in Tiggzi?

[Maryna Brodina]

Please change $(document).delegate("pageinit", function(e) to $(document).delegate("pageinit",".ui-page-active", function(e)

Another way - use .bind()
http://api.jquery.com/bind/
http://www.elijahmanor.com/2012/02/di...

[Maryna Brodina]

Please try to use .bind()
http://api.jquery.com/bind/
http://www.elijahmanor.com/2012/02/di...

[Barbara]

Great now we are part the way there!!!

Here is a link to the demo of the code I am trying to implement

http://www.tegdesign.com/tegansnyder-...

Now in my project when I click the top left icon my page slides back and I can see my menu. But when I press the icon again the page does not revert as it does in the demo... and I can't even inspect the elements in Firebug to see what is happening.

[Barbara]

There are no errors either

[Maryna Brodina]

Could you tell us how to reproduce it?

[Barbara]

When you open the project you should see a recipe. If you click on the page it should slide right and reveal a menu.

Then when you click the top of the recipe page it should slide left again to hide the menu, but it doesn't.

[Barbara]

I don't think the header I added programatically is being recognised. It doesn't get assigned all the appropriate ui classes when I look at it in firebug.

[Maryna Brodina]

You should debug the part of code which is responsible for sliding page.