4

我的小提琴只显示了我正在尝试做的一部分，但由于我什至无法让第一部分工作，我没有尝试添加第二部分。

第一部分

有2种形式。第二种形式是不可见的，因为它的类设置为“display: none;”

我想要做的是，当你在第一个表单上点击“发送”时，它会淡出，然后类在 form2 上发生变化，使其变得可见。

我的小提琴显示了我在这个http://jsfiddle.net/mjmitche/KvwGw/上的微弱尝试

注意，我是新手，所以请提供尽可能多的解释。（注意，我没有在小提琴中创建正确的表单，因为不知道在哪里发布它们等）

第二（未尝试）部分

在第二个表单上单击发送后，我想要一个回调函数也可以淡出第二个表单。

如果可以的话请帮忙。

非常感激！

4

3 回答 3

3

你的语法有点不对劲，这个：

.css(display:block);

应该是：

.css({display:"block"});

或者：

.css("display", "block");

或者简单地说：

.show();

你可以在这里测试一下。

另外，请注意，<blah>作为无效元素意味着您.hide()无法按原样工作，我将这些元素设为实际<div>s。

编辑：对于第二部分，您可以一次性附加一个类似的处理程序，或者使您的表单n具有通用类的数字通用性。说他们都有class="form"，那么你可以这样做：

$(".form").submit(function() {
    $(this).hide(1000,function() {
        $(this).next(".form").show();
    });
    return false; //prevent actually submitting for this demo
});

...在您的实际页面结构中如有必要，将其调整.next()为其他相关查找。这种方法以非常简单的方式适用于任意数量的表单，您可以在此处进行测试。

于 2011-07-02T10:45:11.753 回答
3

干得好。这是一个更新和工作的。希望你能分辨出来，如果有什么你不明白的，请告诉我

http://jsfiddle.net/KvwGw/2/

第二部分

$('#form2').submit(function() {
    // add form submit stuff in there

    $(this).fadeOut(); //fades out form
    return false; //prevents form from submitting to the form action

});
于 2011-07-02T10:46:09.993 回答
1

试试这个：你的小提琴更新了

您需要将 css 属性包装在对象符号括号中，或者像这样以逗号分隔的字符串：.css("display", "block")

于 2011-07-02T10:47:35.260 回答