我正在尝试编写一小段 jquery 代码,但我只是停留在某一点上。
这是我的示例代码 - http://jsfiddle.net/KfA4k/3/ 。
如您所见,有 2 个按钮,每个目标都针对特定的隐藏“警报”,并且有 1 个按钮用于激活特定的“警报”。
当您按下每个警报按钮时,它只会向“运行”按钮添加一个特定的类,这样我就可以看到用户想要哪个警报。如果我用 FireBug 检查按钮,我会看到类正在正确更改,但 jQuery 只能获取类中的硬编码。
如果不明白的问题请查看我的jsfiddle示例代码,会更容易理解。
最佳答案
您应该只将一个事件连接到 #run 按钮。
只需使用 if 语句即可查看哪个社交事件处于事件状态并切换特定的隐藏社交事件。
$('#social1').on('click', function() {
$('a').removeClass('active');
$(this).addClass("active");
});
$('#social2').on('click', function() {
$('a').removeClass('active');
$(this).addClass("active");
});
$('#run').on('click', function() {
if ($("#social2").hasClass("active")) $('#hidden-social-2').animate({
height: 'toggle'
});
else $('#hidden-social-1').animate({
width: 'toggle'
});
});
关于完成后的 jQuery 操作,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10488153/