1

猜猜我刚刚从这里开始，所以不妨寻求任何帮助，因为我对这个新手问题感到非常沮丧......

我有一个显示我创建的表单的按钮，只需单击一次，但是当我想显示另一个按钮附带的另一个表单时，问题就来了。

我想要的，基本上就是buttonA显示formA，但是当我点击时buttonB，我想隐藏formA和显示formB。现在发生的事情是它覆盖formA和formB.

这是我当前的代码..

function runEffect() {
  $( "#effect" ).show( "drop");
};

function runEffect2() {
  $( "#effect2" ).show( "drop");
};


//callback function to bring a hidden box back
function hideEffect() {
    $( "#effect:visible" ).hide( "drop");

};

// set effect from select menu value

$( "#button" ).each(function(index) {
  $(this).click(function(){
  runEffect();
    });
});

$( "#button2" ).each(function(index) {
  $(this).click(function(){
  runEffect2();
    });
});

$( "#effect" ).hide();
$( "#effect2" ).hide();

我知道这很容易，但我似乎找不到答案。

谢谢！

4

3 回答 3

1

尝试这个

function runEffect() {
  $( "#effect" ).show( "drop");
  $( "#effect2" ).hide( "drop");
};

function runEffect2() {
 $( "#effect2" ).show( "drop");
 $( "#effect" ).hide( "drop");
};
于 2013-02-04T08:03:40.067 回答
0 
$('#buttonB').click(funciton()(
$('#formA').hide();
$('#formB').show();
});

像这样的东西？

于 2013-02-04T08:04:23.380 回答
0

我还没有测试过，但也许你想要一个更动态的功能。按钮类必须是“formButton”之类的东西，id 应该是“form1Button”，然后表单 id 应该是“form1”等等。

（表单 2 将有一个按钮，其类为“formButton”，id 为“form2Button”，表单 2 需要 id 为“form2”

$(".formButton").click(function(e) {
    e.preventDefault(); //prevent default action

    var id = $(this).attr('id');
    var formId = id.replace('Button', '');

    $('#' + formId).show(); 
    $('form').not(document.getElementById(formId)).hide();

});

单击 formButton 时，将显示表单。所有其他没有请求 ID 的表格将被隐藏。

于 2013-02-04T08:19:00.197 回答