完成后的 jQuery 操作

标签 jquery

我正在尝试编写一小段 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'
    });
});

http://jsfiddle.net/KfA4k/5/

关于完成后的 jQuery 操作,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10488153/

相关文章:

javascript - 当 Angular JS 路由模板加载时,如何触发事件

javascript - 使用 JavaScript 过滤字符串属性上的 JSON

jquery - 使用 jquery 检查表单的所有空字段

javascript - 使输入元素不可见

php - 在后退按钮后切换

javascript - 无法从 .json 文件加载 json 数据

javascript - 制作自定义范围 slider

javascript - 我的网页无法通过 JSON 请求运行

javascript - 将jquery修改应用于meteor站点

Jquery:选择特定选择选项时隐藏 html 元素