javascript - 我想通过使用多个显示和隐藏它们的 div 来制作一个多部分表单

Question

这里是 jquery 部分，将提供 jfiddle

$(文档).ready(函数() {

$("a.atest").click(function(){

$(this).leanModal();

    $("button, input[type='button']").click(function(){

        $('#contact').hide();

        $('#nextForm').show();

    });

});

});

http://jsfiddle.net/hfes4ugn/

Answer 1

您需要使用 .show() 和 .hide()，这样您就不需要设置 display: none 和 display: block 自己。

它应该像你想要的那样工作，就像这样:

$("#form1").hide();
$("#form2").show();

只需确保您使用的是正确的选择器。我不知道这是不是打字错误，但在您的代码中您引用了 #contact 和 #nextForm，而您的 div 被称为 #form1 和 #form2。

此外，您的点击处理程序有点奇怪？您将点击处理程序绑定(bind)到所有 a 标签(永远不会关闭)，并且在内部您将另一个点击处理程序绑定(bind)到输入按钮？

看看我在这个 jsfiddle 中的示例: http://jsfiddle.net/w2qL0pn6/1/