代码之家 › 专栏 › 技术社区 › eozzy

jQuery函数不工作

jquery-animate function jquery

1

eozzy · 技术社区 · 15 年前

$("#trigger-1").click(function () {
    $("#secondary").animate({ width: 0 });
    $("#primary").animate({ width: '100%' });
    $("#panel-1").css({ display: "block" }).animate({
        height: 200,
        width: '100%',
        opacity: 1
    });
    return false;
});
$("#trigger-2").click(function () {
    $("#secondary").animate({ width: 0 });
    $("#primary").animate({ width: '100%' });
    $("#panel-2").css({ display: "block" }).animate({
        height: 200,
        width: '100%',
        opacity: 1
    });
    return false;
});
$("#return").click(function () {
    alert(1);
    $("#primary").animate({ width: '60%' });
    $("#secondary").animate({ width: '40%' });
    $(".panel").animate({
        height: 0,
        width: 0,
        opacity: 0
    });
    return false;
});

panel-2 . 请检查这把小提琴: http://jsfiddle.net/HTVXv/ 另外,如果可以重构和减少代码,请指导我。

3 回复 | 直到 15 年前

1

6

Harmen 15 年前

难怪,身份证应该是唯一的,所以你不能用两次。

解决方法是使用类,比如 class="return" 和 $(".return").click()

2

1

Jacob Mattison 15 年前

3

1

xandy 15 年前

它不起作用,因为您有两个具有相同id的“a”。请尝试重命名其中一个并将其绑定到click,它将起作用。