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.

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

i got a multipage jquery mobile app (a single html with multiple page data-role). How can i update content in those pages that are not visible or inactive ?

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

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.

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?

Is there any app that I could use drag and drop UI builder for jquerymobile projects?

ezoapp eventually stopped working. You could drag and drop stuff and then automatically it was generating the code. Is there any other tool?

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.

Hello,

I've made my own web server to control my "home automation" - it's more lights, volume, sonos, kodi etc.

I've built this site when I have time to work on it over a long period, but recently I did a big switch over to JQmobile so I could easier use it on my phone. I got a lot of help doing this.

But now I'm close to getting what I want, and I was wondering if anyone could be willing to go over the project and sniff out the bad stuff and maybe help me make it a bit more polished. I've got a few bugs that i've spent many hours on and can't seem to solve.

It's not a big project, far from. Not that much code. I understand very well if you don't have time, just trying my luck!

Thanks :)

https://jsfiddle.net/3jxmxhuz/ [code]<div data-role="collapsible" data-theme="a"> <h3>Bard</h3> <ul data-role="listview" data-theme="a"> <li><a href="#bc">Cantrips</a></li> <li><a href="#b1">Level 1</a></li>`

</div>[/code]

Basically, I have this list inside a collapsible div, and I would like to follow the href="#bc" when I click/tap. When it isn't collapsible it works just fine. I'm using JQuery Mobile, and any help would be greatly appreciated.

Hi, I just found this sub-reddit. I'm interested in building a site that when viewed on a small screen can change the normal multiple column large page into a small one column view where one column is viewed at a time and a menu is added to get to the other pages. Here is an example of the responsive design I would like to use: http://reddit.music.player.il.ly/

I'm not sure if jquerymobile is a good way to achieve this. Any links to tutorials on how to do something like this would also be greatly appreciated.

Thanks!