jQuery函数不起作用

Posted 2023-05-08

【中文标题】jQuery函数不起作用

【英文标题】：jQuery function not working

【发布时间】：2011-05-04 13:52:40

【问题描述】：

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

谢谢！

【参考方案1】：

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

一种解决方案是使用一个类，例如class="return" 和$(".return").click()

【讨论】：

+1 我只是将小提琴分叉以准确显示这一点。 jsfiddle.net/lonesomeday/6HgX8

【参考方案2】：

“id”属性在页面上必须是唯一的；您正在尝试为两个“返回”链接提供“返回”的 ID，因此只有第一个具有该 ID。尝试改用一个类。

【参考方案3】：

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