Disable Navbar toggle

Question

I am using the navbar in jquery mobile like this

<div data-role="footer" data-theme="a" data-position="fixed" data-tap-toggle="false"> 
    <div data-role="navbar">
        <ul>
            <li><a href="#home" data-icon="home" data-iconpos="top" style="text-decoration:none;">Home</a></li>
            <li><a onclick="#back" data-icon="arrow-l" data-iconpos="top">Back</a></li>
            <li><a onclick="#refresh" data-icon="refresh" data-iconpos="top">Refresh</a></li>
        </ul>   
    </div>
</div>

enter image description here

I want to disable the toggle, so I use data-tap-toggle="false" in the footer. But when I click on refresh, it toggles:

enter image description here

I already tried to add data-tap-toggle="false" to the navbar div. But it is still not working.

try adding this function when you refresh `$.mobile.resetActivePageHeight()`. — Omar, Nov 16 '13 at 15:52
i guess the problem is here `onclick="#refresh"`, how do you refresh? — Omar, Nov 16 '13 at 16:44

score 0 · Accepted Answer · edited May 23 '17 at 10:25

0

Problem is solved in Navbar buttons stay pressed

edited May 23 '17 at 10:25

Community

1
1

answered Nov 18 '13 at 09:54

Chris

1,610
3
18
37

Disable Navbar toggle

1 Answers1