2016-10-03 129 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'); 
});