how to surpress modal

[Mark]

I have this login "modal" div in my index.html file...

 

<div data-role="modalview" id="login" style="width: 90%" data-model="loginView">

    <div data-role="header">

        <div data-role="navbar">

            <span>Login</span>

        </div>

    </div>

    <ul data-role="listview" data-style="inset">

        <li>

            <label>

                UserId

                <input type="text" data-bind="value: userid">

            </label>

        </li>

        <li>

            <label>

                Password

                <input type="password" data-bind="value: userpwd">

            </label>

        </li>

    </ul>

    <button data-bind="click: login" class="add-button" data-role="button">Login</button>

    <button data-bind="click: close" class="close-button" data-role="button">Close</button>

</div>

 

It works fine when i trigger it in the drawer with...

<div data-role="drawer" id="app-drawer">
    <div data-role="header">
        <div data-role="navbar">
            <span data-role="view-title">Menu</span>
        </div>
    </div>
    <ul data-role="listview">
        <li><a href="#login" data-rel="modalview" data-icon="home">Login</a>
        </li>
        <li><a href="#index" data-icon="home">Home</a>
        </li>
        <li><a href="views/favorites.html" data-icon="favorites">Favorites</a>
        </li>
        <li><a href="views/about.html" data-icon="globe">About</a>
        </li>
    </ul>
</div>

 

the problem is that when index.html is first loaded, the modal window "flashes" on the screen for a second before disappearing...

what is the best way to make sure this div doesnt get displayed until its called from the drawer?

 

[menriquez]

never mind i figured it out.