jQuery Forum

I think you need a data-role="listview" in your ul tag.  Are you trying to get the transitions?  If so, you will also need to remove the rel="external" because transitions will not occur for those links.

adding the listview and removing the rel="external" portion does make transitions work. However, then the url becomes:

I have exactly the same problem, interesting that we both have this request today.

Here is more information: I have a product built using CodeIgniter. I want to start using Jquery Mobile to make a mobile version. Controllers are executed as "base_url()/controllername/function" -- so I would 'execute' something like "localhost/messages/list1" to list messages, Then CodeIgniter does it's magic to turn localhost/index.php into executing the correct messages.php in the controllers directory and choosing the list1 function. (I hope I explained this ok). I just today loaded up jQuery Mobile to get started, and if I make an href like this: <a href="http://localhost/messages/list1">Messages</a> -- which works nicely from the browser, of course it does not work, since jQuery Mobile rewrites the url to go to http://localhost/#http://localhost/messages/list1. If I change the href to point to index.php --- <a href="index.php">Message</a>, then that works, but is not what I want, which is messages.php, executing function list1. (But I see the navigation) I could also put in rel=external, that does 'work,' but then I get no hash navigation, which is bad. I could set some CodeIgniter flags to read url's differently, but that would mean rewriting a lot of the application, which depends on the a/b/c method of url passing, not the a?b&c method.

I am sure there is a way to get around this problem, maybe someone else knows how to do it. I hope you can help.

thanks in advance, I am very psyched to use jQuery mobile, I use jQuery and love it!

Mark

One more thing: When I execute <a href="messages/list1">Messages</a>, the debugging in my view shows me that data is being written -- so the list1.php view is being run! -- but nothing appears on the jQuery mobile screen. When I execute <a href="localhost/messages/list1" rel=external>Messages</a>, then the exact same data appears in the debug logs, but I also get a proper jQuery Mobile screen, but of course hashtags are gone. I hope this makes sense, and someone can tell me how to proceed.

thanks again,

Mark

When I had this similar issue I think it turned out to be I had missed something when I was writing the markup.  So I cleared my pages and started again and it worked out.  I am also using php and includes for the header and footer so they are now all the same.

Thanks for getting back. I have the most simple jQuery Mobile code imaginable, it is cut and paste from examples. One subpage only, to test. And also it is a bit unusual, since the CodeIgniter framework does mod_rewrites, so I think that is part of the problem. Maybe a jQuery Mobile developer can chime in? Help !

Mark

I am also having this issue using Symfony. When I strip the php using the same markup with only html files it works fine. This is starting to drive me crazy. Found this:

I know what is wrong, it is so simple that I can't believe I missed it, but I guess I was tired  - but I woke up this morning knowing what is wrong: I simply forgot to push the output of the second screen, created by my messages/list1 view, back through the mobile template where all of the jQuery mobile stuff resides. I was sidetracked by rel=external putting output to the screen and also by thinking that the mod-rewrites of CodeIgniter having something to do with it, which I am pretty sure it doesn't. It is really bad, since I do the same kind of pushing code through a template for my CodeIgniter and jQuery calls in the web-based (non-mobile) app, so I should have known immediately.

For the other person having this issue: All output generated by any call in your main page needs to not be put directly onto the screen: You will need to put the data into a variable, then 'call' the mobile template to actually display it -- by echoing it after you've printed the jquery mobile calls (like you did on the first page). I believe there are examples of this. I use CodeIgniter, which has a mvc model, and an easy method to pass data from views to a template, and I will be writing mobile views in a parallel directory to the web views, and then calling mobile_template. php instead of template.php.

Sorry for the confusion,

Mark

Well the problem for me is that I really am a beginner in most ways. PHP and whatnot, I do not understand. I only really understand HTML for the time being.