Develop Reference

ResponsiveSlides.js plugin not working in IE

I use Zurbs Foundation framework to develop my sites but do not like their built in orbit slider so have opted to use another responsive slider which I really like. The slider works perfectly in every browser I have tested it in apart from IE.
The plugin I use is http://responsiveslides.com/. The plugin works in IE on their site but not mine but I am using the exact same code so cannot understand why it does not work.
Does anyone know why it is working on the site above but not mine, the website I am using this slider on is http://www.viscari.co.uk/client.
If you require any more information from me please let me know.
Thanks in advance for any help given.

You can use html5shiv to make IE support HTML5!

How do I load jquery mobile only for mobile browsers, but the regular site for desktop?

So I have an existing desktop html site, but I've created a jquery mobile version. The thing is I'm trying to figure out how to load only the jquery mobile version for mobile phones, but show the desktop version for desktops. I couldn't find anything on the jquery mobile documentation.

You can essentially do with with jquery using the window width or by triggering it on CSS media query breakpoints. A few references below:
Triggering jquery with css media queries
http://www.venveo.com/articles/view/quick-tip-jquery-media-queries
I am however now sure of the ramifications of making it responsive... once jquery mobile kicks in, all bets are off.
You are probably better off calling the jquery mobile on a browser detection rather than a screen breakpoint.

scrolling using jqueryMobile in phonegap android

In jquery mobile tutorial they given all scrolling related functionality with examples but if i am using same functionality in phonegap android there scrolling not working please suggest me what shoul i do? I don't want to use iScroll and jQTouch
Thnks
Apurv

Have you tried the experimental jQueryMobile scrollview plugin? (github link)

jQuery not working in Safari

I've got this jquery script, it seems to be working in other browser, but it doesnt work at all in Safari. Does anyone know why this might be happening? Its supposed to be accessed from an iphone.
url: http://connectsr.org.nz/calendar/
thanks

in safari 5 on windows 7 this works, but not with my iphone (iphone 4 with newest ios, not jailbreaked). i think this is because if you click and drag to scroll the colums, the safari on the iphone tries to scroll the site (which is what it normally does when you klick and drag on a website)

Jquery script is not working on the mobile perfectly. Instead of jquery, you can use jquery mobile (http://jquerymobile.com/)

jQuery animations not working on iPhone

I'm using jQuery on a client's vCard site - http://chrismward.com/beta - to switch between pages.
It all works great on the computer, but when I try on my iPhone: no dice.
I'm using jQuery 4.0 and here is the only js file I'm using on the site (other than jQuery from the Google CDN) - http://chrismward.com/beta/resource/js/main.js
If anyone can help me, I'd greatly appreciate it.
Thanks,
-Giles

Regular JavaScript animations (using setTimeout/setInterval) don't work very well in Mobile Safari; you need to use CSS Animations to get decent results. You might want to try creating an iPhone-optimised version of the site using jQTouch (which uses CSS animations).

They appear to work fine in the iPhone Simulator. Which means, if they are too slow on an iPhone, they are just too slow. Use CSS animations like Steve Harrison suggests. You probably want the -webkit-transition property. Here's an example you can try.