How to update the JQuery Mobile in Dreamweaver CS6

Source: Internet
Author: User
Tags dreamweaver jquery library

Source: http://wpguru.co.uk/2013/01/how-to-update-jquery-mobile-in-dreamweaver-cs6/

Since the release of the Adobe ' s Dreamweaver CS6 the jquery and jquery Mobile libraries has been updated. This means if you create a new Mobile Starter page, you'll get outdated libraries by default.

With a bit of hacking we can change this to the most current version though. Let me show you what it worked for Me–many thanks to Greg's article on what to do the this in Dreamweaver CS5.5.

Why would I want to upgrade?

JQuery Mobile was great even in beta, and it is great in its release of Dreamweaver CS6 (which shipped with version 1.0). Many visual effects has been improved, the page transition effects look a IoT smoother, and God knows how many other imp Rovements there has been over the last 6 months.

It's a strength of Dreamweaver to being able to adapt to such change–keep an eye out for future releases of the libraries, It ' s a fast paced world out there.

Let ' s get started

Dreamweaver CS6 stores its libraries in a folder called third party Source Code which on a Mac you'll find under

/applications/AdobeDreamweaver CS6/Configuration/ThirdPartySourceCode 

Notice the folder called Jquery-mobile. I suggest you leave it there and copy the new libraries to a new folder in the same location. I ' ll call mine jquery-mobile-1.2.0 (the current version at the time of writing). Grab the latest minified version from

    • http://jquerymobile.com/download/(Choose the ZIP file)

You'll also need a new copy of jquery because jquery Mobile relies on the jquery library. Grab it from here:

    • http://jquery.com/download/

Beware:the Latest stable jquery release is often no compatible with the latest jquery Mobile release! At the time of writing, the latest jquery was 1.9.0–but the version that's COMPATIBLE with jquery Mobile 1.2.0 is jquery 1.8.2.

I know this is confusing ... that's why I'm thought I ' d take some notes. Here's a list of files that I had in place now:

Amending the Dreamweaver Page Templates

Once you ' ve got a copy of all fresh libraries in the right location you need to amend the Mobile Starter templates Dreamwe Aver provides. Those is in

/applications/AdobeDreamweaver CS6/Configuration/BuiltIn     

There is three templates here in a folder called Mobile starters, both for pages including local libraries, and one with L Inks to the CDN versions:

Open The local files and amend the links so this they point to your new libraries. You can do the same with the CDN template of course.

Once they ' re saved, you can create a new mobile Starter page just as before and make use of all the updated JQuery Mobile Goodness.

Yikes–now All my jQuery Icons is gone;-(

Yes that's unfortunate. The reason for this are that Dreamweaver used to has them in the same directory as JQuery Mobile was Living–however jqu Ery Mobile now have data icons in a separate folder called images (see above). So JQuery expects those images to is in a folder called "Images", but Dreamweaver CS6 copies them into the Jquery-mobile F Older (without a subfolder).

Since I really don ' t know how to teach Dreamweaver how to does this, the easiest thing are to just manually create an images folder and move the files across. Then are good again with the world.

Happy hacking!

How to update the JQuery Mobile in Dreamweaver CS6

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.