1

这是我的小提琴：http: //jsfiddle.net/SBAE8/

这是我的问题。我有一系列 3 个项目，最上面的项目前面是一个标题，其可见性已由脚本切换。如果用户删除第 1 项，则出现第 2 项的标题，然后如果删除第 2 项，则出现第 3 项的标题。问题是 - 如果他们首先删除第 2 项，则会出现第 3 项的标题，并且我只希望随时为每组设置一个标题，并且无论哪个项目在顶部，它都应该始终是第一个项目的标题。我尝试了几种方法来检查已删除项目是否具有更高的兄弟姐妹，但我似乎无法弄清楚这一点。

jQuery（另见上面链接的小提琴）：

    $(".doDelete").click(function () {
        var $el = $(this).closest("div.payload-container");
        var id = $(this).attr("id");
        // Alert callback (removed from this example)
            // Success
                $el.next("div.payload-container").find(".headline").toggleClass("hide");
                $el.slideUp(200, function () {
                    $el.remove();
                });
    });

任何帮助，将不胜感激。谢谢！

4

1 回答 1

1

您不会首先检查是否有任何其他标题可见（或将可见）。

我签入回调：

if (!$(".headline:visible").length) {
    $el.next("div.payload-container").find(".headline").toggleClass("hide");
}
$el.remove();

直到完成后才会显示下一个标题slideUp。如果这不好，那么您必须检查它是否可见$el。.headline

http://jsfiddle.net/SBAE8/1/

更新：最终工作版本http://jsfiddle.net/uE5Ap/2/

于 2013-01-29T04:42:53.000 回答