jQuery Mobile的標籤爲第12頁

Question

我有

2頁

<div data-role="page" align="center" id="loginDivId"> 
</div> 

<div data-role="tabs" id="tabs"> 
    <div data-role="navbar"> 
    <ul> 
     <li><a href="#tabs-1">Tab 1</a></li> 
     <li><a href="#tabs-2">Tab 2</a></li> 
     <li><a href="#tabs-3">Tab 3</a></li> 
    </ul> 
    </div> 
</div> 

基本上我顯示loginDivId給用戶，他們輸入一些數據，當他們打了一個按鈕，我顯示與ID在div =標籤

問題是，我可以在登錄屏幕上向上滑動並查看選項卡屏幕。這是在登錄之前和之後。

我想要的是登錄div顯示和用戶查看標籤div的任何部分。然後，我想完全刪除登錄DIV，只顯示標籤DIV。

Jquery Mobile是否允許您在同一個應用程序中將div與不同的數據角色（在我的案例頁面和標籤中）混合使用？

Answer 1

假設你有一個按鈕，它的類okValid：

<div data-role="page" align="center" id="loginDivId"> 
    <button type="button" class="okValid">Ok</button> 
</div> 

<div data-role="tabs" id="tabs" style="display:none;> 
    <div data-role="navbar"> 
    <ul> 
     <li><a href="#tabs-1">Tab 1</a></li> 
     <li><a href="#tabs-2">Tab 2</a></li> 
     <li><a href="#tabs-3">Tab 3</a></li> 
    </ul> 
    </div> 
</div> 

和相關的JS：

$(document).ready(function() { 
    $('okValid').click(function() { 
    $('#loginDivId').fadeOut(250); 
    $('#tabs').fadeIn(250); 
    }); 
});