Ask your WordPress questions! Pay money and get answers fast! Comodo Trusted Site Seal
Official PayPal Seal

jQuery Mobile Wordpress + jQuery UI google maps WordPress


Hello, this is baking my noodle, any help would be awesome! Thanks

The low down.. I'm building a jQuery-mobile alpha 4 site using wordpress as a CMS. I'm trying to get googles jquery maps UI to work in my theme. Simple you would think but I'm getting an error on line 318 of the jquery-maps-ui script.

I'm using a theme developed by a french dude. It's the best one I could find in my personal opinion to build on.

My plan is to get a bit of geo locate functionality on my map page with fusion tables etc. But I cant even get the basic of basic demos to work!?? This is where I'm getting my source, all jquery mobile frameworked..

If anyone can get the 'basic map' demo to work in this wordpress theme, could you please help :-)

If you want to re-create my exact error on your wordpress. Download the theme on the link below all ready to go with the 'jquery-map-ui' page scripts coded in.

All you need to do is add a page with a slug called 'maps'

Also in the folder is a working html example of google map-ui and script using the jquery mobile framework. It works locally too.

Once you drop the theme in your themes folder, you need to add the wp_tap plugin also (included in the download). This is because it redirects desktop browsers to your default theme. And then the wp_tap plugin redirects devices to the jquery-mobile theme. Easy setup. With out this pluging installed, it locks you out of your admin for some reason. But if your already logged in, then it works with-out the plugin, and you can just set it to you default theme. Sounds dodgy I know but it works sweet. Give it a go if you think you can get it to work. I've included the wp-tap plugin in my download link.

All I require is for the 'basic demo' to work in this theme and you shall be rewarded.

Answers (1)


Fahad Murtaza answers:

I am on it. Looks interesting.


Please check the attached file. I have managed to make a working demo for you. A basic pone with no CSS but it works with the jQuery theme.

Please use the attached theme and see for yourself :)

Fahd Murtaza

Fahad Murtaza comments:

I tried uploading the zipped theme but it didn't work, so I have uploaded it on mediafire else and here is the link to it

[[LINK href=""]][[/LINK]]

Fahad Murtaza comments:

Thats how it looks on my machine

[[LINK href=""]][[/LINK]]

Josh Cranwell comments:

Hi Fhad,

Thanks for taking the time to look at this.

Your solution worked. It's so bizarre, even tho the jquery mobile framework is already loaded, it does not work?

Your solution is not quite what I had in mind, but you did what the question asked.

Have you received the prize money yet? Can't work out how to pay you?

If you have anymore more guesses in how to get it to work without loading in the jquery mobile framework twice, this would be awesome.