0
我绝对会这样做，但必须有一种方法来简化这个过程。我有一个模式，其中包含4个窗体，除了有一个“活动”类外。我需要根据不同按钮的点击事件来触发每个单独的表单。注册/忘记密码/登录等等，所以当我点击注册按钮时，注册表单出现，注册表单处于活动状态，单击忘记的密码只是切换表单以显示忘记的密码。等等。在不同的按钮上点击不同的按钮可以显示不同的形式
我的想法是创建：
function modalSwitch() {
var btnModal = [$('btn-one'),$('btn-two'),$('btn-three'), $('btn-four')];
var formModal = [$('form-one'),$('form-two'),$('form-three'), $('btn-four')];
btnModal.click(function(){
if (btnModal[].attr('class') === formModal[].attr('data-id')) {
formModal.addClass('active');
}
});
}
modalSwitch();
，而不是对click事件：
function modalSwitch() {
var btnOne = $('.btn-one');
var btnTwo = $('.btn-two');
var btnThree = $('.btn-three');
var btnFour = $('.btn-four');
var btnFive = $('.btn-five');
var btnSix = $('.btn-six');
var modalOne = $('.modal-one');
var modalTwo = $('.modal-two');
var modalThree = $('.modal-three');
var modalFour = $('.modal-four');
var modalFive = $('.modal-five');
var modalSix = $('.modal-six');
btnOne.click(function(){
modalOne.addClass('show');
modalTwo.removeClass('show');
modalThree.removeClass('show');
modalFour.removeClass('show');
modalFive.removeClass('show');
modalSix.removeClass('show');
....
});
}
modalSwitch();
但我这样就失去了现在，任何帮助将不胜感激
'btnModal'和'formModal'应jQuery的变量;他们目前是普通数组。例如，您可以使用'$（'。btn-one，.btn-two，.btn-three，.btn-four'）来选择多个按钮。 – gyre
不知道你想说什么，这是没有解决方案... –