Web and WebWorks Development

[devoldmx]

Hi, I'm doing an application using jQuery Mobile, but I have trouble with focus-based navigation. I use multi-page ( http://jquerymobile.com/demos/1.0/docs/pages/multipage-template.html ) I want to add x-blackberry-focusable in elements on both pages (See the example in the link) but the focus is lost and I'm not able to navigate.

I've tried:

Writing directly the focusable option in the element

<a href="#two" data-role="button" x-blackberry-focusable="true">

Writing the focusable option in a external div

<div x-blackberry-focusable="true"><p><a href="#two" data-role="button">Show page "two"</a></p></div>

Adding the focusable attribute via javaScript

<div id="elementToFocus"><p><a href="#two" data-role="button" onclick="handleFocus();">Show page "two"</a></p></div>

function handleFocus(){
$("#elementToFocus").attr("x-blackberry-focusable", "true");
}

but none of them work. When I change between pages focus is lost (in OS 5, 6 and 7), although without focus-based navigation works. Any ideas???

[greenback]

As an alternative to jQuery mobile, you should check out bbUI, a framework built to work across all smartphone OS5+.
Its super simple to implement and will most likely solve your issues with navigation based focus.

Documentation:
 https://github.com/blackberry/WebWorks-Samples/tree/master/UIExamples 

Also: https://github.com/tneil/bbUI.js 

[jeffheifetz]

You could try patching your SDK and seeing if the new navmode makes any difference.