anchor tag and data-transition - Problems within IOS

[Marcus]

Hey Guys,

i have noticed a strange behaviour within my app:

Since i have a listview template populated with dynamic content like in the hierarchical list view sample - i am using the slide transition to make it feel more native.

<div class="formClass" >
        <a href="\#hierarchical-view?parent=#: key #&emid=#: Id #" id="#: key #" style="text-decoration: none" >
            <div style="background-image: url(#: icon # );" class="Sop"> #: Name # </div>
        </a>
 </div>

I initialize my view like that:
<div data-role="view" data-show="rebindListView" id="hierarchical-view" data-transition="slide" >

However, (only) on IOS (Android is working fine by the way), if i have the div tag wrapped around the anchor tag, the animation is not fired - there is no slide animation at all. 

Problem is, i do need to wrap the div tag around the anchor tag, because if someone touches the listview link and slides down right after that, the id isn't always passed within the href and after that, the anchor tag isn't working on this specific list element any more.

So - I will need your help - either with the data-transition not working or with the touch-and-move-finger-downwards-stuff within the listview-item...

Best rgds

[Marcus]

Looks like i solved the problem by myself - weird, i tried different options today - after i frustrated on that - i posted this forum thread, because none of them were working, however, what is working is executing the link as javascript... sooo weird, because i just figured it out after i posted this here ;)

 <a href="javascript:kendoMobileApp.navigate('\#hierarchical-view?parent=#: key #&emid=#: Id #')" id="#: key #" style="text-decoration: none">

Hope this helps someone...

Rgds

[omar]

Hi Marcus,
can you put full example, its exactly what i want :)