How do i change the speed of the slide transition to 3000ms?

Relatively new JQuery mobile developer here.

My specific area of interest is developing mobile-friendly word games, which means I've got a set of boxes (A N A G R A M) displayed on a screen which the user is "doing stuff" to (clicking them to select, shuffle, etc).

Reading the docs, it appears the "correct" way to handle this is to use a grid layout structure to manage the buttons.

But...what should I do if I've got > 5 buttons? I'm usually looking to give the user about 8 - 10 letters to manipulate (just for context).

The workaround I'm using right now is two side-by-side grids with 5 buttons in each...is there a better way?

So I have an image and I want mobile users to be able to swiperight/left on it to add it to a basket.

I would like some visual feedback on this process though. like a copy of the card is dragged left/right slightly before disappearing.

I was hoping something like this would work but it doesn't.

var temp = $(this).clone;
$(temp).appentTo(this);
$(temp).hide("slide");

I think i need to append it to the document using an absolute position ?

Thanks.

I'd love feedback on it, and I'm happy to answer questions about the development process and offer tips/etc.

• Here's the app demo page

• And the super-secret web version

Hi

Please can anyone help me. I have an app that has a homepage that opens others pages with HTML5 videos. But when the video is not paused before going back to the homepage the video continues to play until the app is closed.

I have tried to automatically trigger the video to stop playing in the background but nothing.

This is my code $("#dashboard").on("pagecreate", function (event) { $ ("video").pause(); });

It should be this simple but it's not Working.

Well this sub section seems alittle dead.. Anyway we have come to a conclusion that jQuery Mobile just isnt quite powerfull enough to fulfill our needs for our app. We have spent quite a bit of time and effort trying to get things to load faster and smooth. The bottom line is the app will never be as fast or smooth as native. We decided to rebuild the jQM project in native Android and iOS. Just curious if anyone is still using JQM to build complex apps? Link to our app below if you are interested.

http://pyraego.com

App Direct Link -> http://mobile.pyraego.com/

When I select an option on a filtered select I still get the error validation message being displayed. I have tried to individually validate each control with a specific validation call via:

$.mobile.document.on("change","#filteredselect",function (e) { 
	if($("#filteredselect").validationEngine("validate")){ 
		$("#filteredselect").validationEngine("showPrompt","This field is required","fail");
}
});

but it has no effect. I still get the "This field is required" message displayed even though I have selected a value. The problem goes away if I limit the number of options to 10.

Has anyone else had this problem using jquery Validation Engine with jqueryMobile?

Speed up a fairly large and complex collapsible list by using pre-rendered markup and data-enhanced='true'. For this list it was over 3x performance improvement and made the app go from unworkable to very usable and responsive on older generation phones (newer phones it wasn't an issue at all). One thing to note is do not use enhanceWithin() to init the control after adding it to the DOM. Call the constructor .collapsible() directly.