Basic View Navigation Question

[Christopher]

Question:

I have a simple mobile app that consists of four tabStrip items which, in their respective views, contain scollable lists.  I can't wrap my head around navigating from a list-view item link to a content page.  The problem is when I click the link nothing happens --no transitions, zilch.  Here's my code:

// Sample TabStrip View containing a slightly modified list item link to a div
<div data-role="view" id="tabstrip-generes" data-title="Generes" data-layout="mobile-tabstrip">
<ul data-role="listview">
<li>
<a class='km-listview-link' src='#filmA'>Film A</a>
</li>
</ul>
</div>

// Desired view to navigate to
<div data-role="view" id="filmA">
Film Details, etc.  Basic content page; this single view will be repopulated with content depending upon what list-item link item is clicked then shown.
</div>

// Bottom Tab Strip
<div data-role="layout" data-id="mobile-tabstrip">
    <header data-role="header">
        <div data-role="navbar">
            <span data-role="view-title"></span>
            <a data-align="right" data-role="button" class="nav-button" href="#index">Index</a>
        </div>
    </header>

    <div data-role="footer">
        <div data-role="tabstrip">
            <a href="#tabstrip-home" data-icon="contacts">Home</a>
            <a href="#tabstrip-generes" data-icon="history">Generes</a>
            <a href="#tabstrip-search" data-icon="favorites">Search</a>
            <a href="#tabstrip-news" data-icon="settings">News</a>
        </div>
    </div>
</div>

Any help would be appreciated.

-Chris

[Petyo]

Hi,

You have used src instead of href attribute.  

All the best,
Petyo
the Telerik team

[Christopher]

Wow -- MANY apologies for that question; I did not notice that :)  Works great now.