Jquery toggle命令意外触发

Jquery toggle command triggers unexpectedly

本文关键字:意外 命令 toggle Jquery      更新时间:2023-09-26

我有一个网页,其中包含一个名为"swer'的部分。"扫描"部分应隐藏,直到用户单击的"扫描"超链接。

所以我使用JQuery toggle命令来实现这一点:

 $('.show-answer').toggle(function() { show_answer ...} , 
                                      function() {hide_answer ...} )  

它本身运行良好。

然而,当我在同一页上添加另一个表单时,我遇到了一个问题。提交表单后,我将其重定向到此页面,并在末尾附加一个锚"#xxx"

然后我发现切换功能被意外触发了。基本上,如果"swer"部分在提交表单之前被隐藏,那么在浏览器重定向到页面后,它就会变得可见。

可能使用点击处理程序将帮助您

$(document).ready(function(){
    $('.answer').on('click', function(e){
        e.preventDefault();
        $('.show-answer').toggle('show');  
        //Or  use the following      
        //$('.show-answer').slideToggle();                   
    });
});

小提琴在这儿。