Question

$("#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/ 另外，如果有可能重构和减少代码，请指导我。

谢谢！

Answer 1

难怪，id应该是唯一的，所以你不能两次使用它们。

解决方案是使用类class="return"和$(".return").click()

Answer 2

“id”属性在页面上必须是唯一的;你试图给“返回”链接提供“返回”的id，所以只有第一个拥有该id。请尝试使用课程。

Answer 3

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

jQuery函数无法正常工作

3 个答案: