2016-10-03 62 views
0

我有一個彈出窗口,彈出窗口中有一個按鈕。我正在使用Framework7作爲我的頁面。我的代碼如下:Framework7單擊按鈕從彈出窗口打開另一個彈出窗口不工作

<div class="loginform"> 
        <span id="pswd_success_span" style="color :#7cbe55;font-weight:700;"></span> 
        <p><a href="#" data-popup=".popup-login" class="button first_page">Go to Login</a></p> 
       </div> 

我試圖打開在圍棋CLIK功能的另一彈出來登錄按鈕如下:

$(document).ready(function() { 
/Redirect popup to login popup 
    var myApp = new Framework7(); 
    var $$ = Dom7; 

    $$('.first_page').on('click', function(){ 
       alert("test"); 
       myApp.popup('.popup-login'); 
     }); 
}); 

如果彈出登錄另外一個彈出的div就像上面div

<div class="loginform"> 
    <--login popup-->    
</div> 

當我點擊按鈕我正在接受警報測試但沒有打開登錄div。檢查控制檯沒有錯誤。請幫幫我。

+0

could你只是嘗試和改變類名從loginform到其他東西的div,並指定新的類名 myApp.popup('。newClass') –

回答

1

林不知道與Framework7。但在jQuery中,點是類的選擇器。你只需要一個名爲「.popup-login」的數據屬性。

請看這個例子。 https://framework7.io/docs/popup.html

正如您在「使用JavaScript」下的示例中看到的那樣,div具有稍後從Javascript調用的類名。

HTML:

<div class="popup popup-about"> --- Popup --- </div> 

的Javascript:

myApp.popup('.popup-about'); 
+0

感謝哥們。但問題似乎有所不同,我用closeModal解決了它。 – Santhucool

0

我已經使用下面的,現在,它工作得很好,solved它

$$('.first_page').on('click', function(){ 
     myApp.closeModal('.popup-forgot'); 
}); 
相關問題