Question

我有一个弹出窗口，弹出窗口中有一个按钮。我在页面中使用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。检查控制台没有错误。请帮帮我。

Answer 1

我不确定Framework7。但是在jQuery中，dot是Classes的选择器。你只有一个名为＆＃34; .popup-login＆＃34;。

的数据属性

观看此示例。 https://framework7.io/docs/popup.html

正如您在＆＃34;使用JavaScript＆＃34;中的示例中所看到的; div具有classname，后来从Javascript调用。

HTML：

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

使用Javascript：

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

Answer 2

我已经使用以下方法解决了它，现在它工作正常，

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

Framework7从弹出窗口单击按钮打开另一个弹出窗口无法正常工作

2 个答案: