I'm using Dreamweaver 12.0 Build 5861.
I can't figure out what I'm doing wrong. I go
I feel like I'm missing something really simple,,, but what? Is there a setting I need to change or am I missing a step? I have looked at many video tutorials online and I believe I am taking the same steps.
Here is the link:
When viewing the webpage, if you click on on the the buttons to go to the next page, you will not have a "back" button to return to the previous page. Also, still can't figure out why it won't preview with styling in Dreamweaver's Live View.
Any particular reason your index page is PHP? Unless PHP is needed, a .htm or .html extension will let you see it in Live view without needing to preview it using the local source.
You have to add a Back button yourself.
Also, Dreamweaver's default jQuery Mobile files are severely outdated. You might want to consider updating those: http://jquerymobile.com/
You're missing the viewport meta attribute. Add ths to your <head> section.
<meta name="viewport" content="width=device-width, minimum-scale=1, maximum-scale=1">
And add this to Line 13:
Do this for all page IDs.
Also, Here's an anatomy of jQuery mobile page. You may want to read through it: http://jquerymobile.com/demos/1.0a4.1/#docs/forms/../../docs/content/. ./../docs/forms/../../docs/forms/../../docs/pages/docs-pages.html
Thanks for the info. I will give your suggestions a try. Also, the extension is php because I have a cms my clients use. When they update info on the website, it updates both the desktop and mobile versions of the website all at one time.