javascript - 在 jQuery 中模拟超链接单击以启动表单

Question

我试图在触发某些标志时显示密码重置表单。如果没有password_changed_flag，我有以下基本代码来提示用户更改密码。根据响应，用户会收到一条回复"is"或“否”的消息。这是代码:

<?php if(!$password_changed_flag){
        <script type="text/javascript">     
        $('#ajaxShield').show();        
        var pw = <?php echo json_encode($this->session->userdata('password')) ?>;
        $.prompt("Your auto-assigned password must be changed.", pw,
        function(){
            $.msg("Yes.",{header:'Yes', live:10000});
            $('#ajaxShield').hide();
        },
        function(){
            $.msg("No.",{header:'No', live:10000});
            $('#ajaxShield').hide();
        });                 
        </script>
<?php } ?>

我唯一的问题是，我真正需要做的是显示一个表单，而不是使用 $.prompt 和 $.msg。这是我在其他地方启动表单的代码:

<a href="#ChangePW" return false; class="login-window" >Change Password</a>

我想我的问题是我可以通过单击超链接来查看表单，但是我需要能够在没有password_changed_flag时查看表单，而不是使用超链接查看表单，如上面所示代码。所以，看起来我需要以某种方式模拟上部代码块内的下部代码块。

如何在不依赖超链接的情况下模拟响应超链接时发生的情况？

有什么想法吗？谢谢。

Answer 1

您可以使用Jquery触发点击

$('#triggerClick').trigger('click');

<a href="#ChangePW" class="login-window" id='triggerClick'>Change Password</a>

如果您使用标记建议您也可以使用的 fancybox:

$("#triggerClick").fancybox().trigger('click');