How to update jQuery Mobile in Dreamweaver CS6
来源:互联网 发布:win7如何设置网络类型 编辑:程序博客网 时间:2024/05/01 14:52
来源:http://wpguru.co.uk/2013/01/how-to-update-jquery-mobile-in-dreamweaver-cs6/
Since the release of Adobe’s Dreamweaver CS6 the jQuery and jQuery Mobile libraries have been updated. This means that when 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 how it worked for me – many thanks to Greg’s article on how to do this in Dreamweaver CS5.5.
Why would I want to upgrade?
jQuery mobile was great even in beta, and it was great in its release of Dreamweaver CS6 (which shipped with version 1.0). Many visual effects have been improved, the page transition effects look a lot smoother, and god knows how many other improvements there have been over the last 6 months.
It’s a strength of Dreamweaver to be 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/Adobe Dreamweaver CS6/Configuration/Third Party Source Code
Notice the folder called jquery-mobile. I suggest you leave it there and copy the new libraries into 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 not compatible with the latest jQuery Mobile release! At the time of writing, the latest jQuery is 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 thought I’d take some notes. Here’s a list of files that I have 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 Dreamweaver provides. Those are in
/Applications/Adobe Dreamweaver CS6/Configuration/BuiltIn
There are three templates here in a folder called Mobile Starters, two for pages including local libraries, and one with links to the CDN versions:
Open the two local files and amend the links so that 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 are gone ;-(
Yes that is unfortunate. The reason for this is that Dreamweaver used to have them in the same directory as jQuery Mobile was living – however jQuery Mobile now has data icons in a separate folder called images (see above). So jQuery expects those images to be in a folder called “images”, but Dreamweaver CS6 copies them into the jquery-mobile folder (without a subfolder).
Since I really don’t know how to teach Dreamweaver how to do this, the easiest thing is to just manually create an images folder and move the files across. Then all is good again with the world.
Happy hacking!
- How to update jQuery Mobile in Dreamweaver CS6
- jquery mobile 使用dreamweaver cs6编程调试
- How to debug mobile safari in iOS
- HOW TO: remove the 300ms delay when clicking on a link in JQuery Mobile
- ADF HOW TO: How to update BC4JDataControl in DataBindings.cpx
- dreamweaver cs6
- How to use jquery or ajax to update razor partial view in c#/asp.net for a MVC project
- How to write plugin in Jquery.
- How to retrieve checkboxes values in jQuery
- how to update the alsa 1.0.23 in ubuntu lucid
- How to Add/Update Store Procedure in EF
- How to update the version of pgfplots in MiKTeX
- How to uninstall/update/ your python in Linux
- how to update codelite
- how to update ruby
- How to update things
- 如何破解Dreamweaver cs6?
- Adobe Dreamweaver CS6 破解
- LeetCode Subsets II
- 第17周周三
- 一些有用的网站
- 基于android开发手机控制空调的程序(硬件+软件)
- iOS 开发系列之 字符串(汉字,日期)的比较排序
- How to update jQuery Mobile in Dreamweaver CS6
- Cordova插件开发
- Android OpenGL ES(九)----构建几何物体
- android中控件AutoCompleteView自动提示控件
- C++中string转为int (转)
- Java ClassLoader个人见解
- Majority Element
- 函数指针
- 《Java程序设计》第17周课程设计:《猜猜看》游戏 第三天