How to initialise WL with jquerymobile

Question

I'm trying to combine JQuery Mobile with Windows Live Connect.

If I trigger my init code with $().ready(function() { ... }); and look at it with a browser then it works.

If I try to use the debugger then Visual Studio gets caught in a circular dependency, endlessly loading the script for my page and the Live Connect logon page until finally it barfs.

If I trigger the init code from $('#divname').live('pagebeforecreate', function (event) { ... }); then the debugger is ok but the page doesn't work.

Can anyone offer guidance on combining JQM with WLC? A working sample page with a login button, that responds to login by dynamically adding some items to a listview, would have me over the moon - so far this is all I am trying to achieve.

Answer 1

After many attempts to set this up I finally have a project that works, but I'm still trying to work out what made the difference. Without doubt it is some sublety of initialisation sequence. When I find out exactly what, I will update this answer with details and an annotated sample.