页面重新加载后 JavaScript 按钮功能结果

发布于 2025-01-11 04:30:38 字数 782 浏览 0 评论 0原文

我有一个登录和注册模式，并且这些模式共享一个相同的属性，因此我想为每个模式的提交按钮创建一个 onclick 函数，以触发相应模式中的错误。我尝试使用此代码来查看按钮是否可以触发模式显示，

function loginModal(){
            $('#modal-register').modal('show');      
   }
    
   document.getElementById("modal-login-btn").addEventListener("click", loginModal);

确实如此，但它仅在页面重新加载之前有效，因为当我单击提交按钮时，页面将重新加载。我希望模式在页面重新加载后显示。我也尝试过这个，但它不起作用。

$(document).ready(function(){
        function loginModal(){
            if (count($errors) > 0){
                $(document).ready(function(){
                    $('#modal-login').modal('show');
                });
            }        
        }
    });
    
    document.getElementById("modal-login-btn").addEventListener("click", loginModal);

有谁知道如何使该功能在页面重新加载后运行？

原文

I have a login and register modal and these modals share one same attribute, so I wanted to create an onclick function for each of the modals' submit buttons to trigger errors in respective modals. I tried this code to see if the button can trigger for the modals to show,

function loginModal(){
            $('#modal-register').modal('show');      
   }
    
   document.getElementById("modal-login-btn").addEventListener("click", loginModal);

and it does, however it only works before the page reload, as when i click the submit button, the page will reload. I want the modal to show after the page reload. I also tried this but it doesn't work.

$(document).ready(function(){
        function loginModal(){
            if (count($errors) > 0){
                $(document).ready(function(){
                    $('#modal-login').modal('show');
                });
            }        
        }
    });
    
    document.getElementById("modal-login-btn").addEventListener("click", loginModal);

Does anyone have any idea how to make the function run after page reload?

分享到QQ

分享到微博