Question

我有一个有序的列表，基本上每个子元素都应该调用覆盖和默认隐藏的显示和列表，我做了一切正确我相信，但现在当我点击按钮显示相同的隐藏div而且，不是我点击的按钮的孩子，我已经创建了一个jsFiddle http://www.jsfiddle.net/aR7va/1/我将提供任何帮助。

Answer 1

请在此处查看更新的代码：http://jsfiddle.net/aR7va/6/

您的原始问题是您正在搜索$('.user-comment-list')，它正在查找所有这四个内容块并将它们添加到覆盖容器中。更新的代码仅在元素内搜索该类。（正如评论中所建议的那样，嵌套在A中的UL不是有效代码，因此您可能希望查看更改它。）另外，我每次都添加一行来清空overlay_content_inner，或者只是添加内容当你点击多个按钮时到最后。

$('.my-list li .button').click(function(){
    var button = $(this);
    overlay_content_inner.empty();
    overlay.fadeIn(300,function(){
        button.find('.user-comment-list').css({"display":"block"}).appendTo(overlay_content_inner);
    });
});
btn_remove.click(function(){
    overlay.fadeOut(300,function(){});
});

<强>更新

我重新整理了你的代码并简化了一下。我没有使用.appendTo()，而是将其更改为.html()，它将overlay_content_inner元素的innerHTML设置为每个链接的user-comment-list容器中的任何内容。更新了小提琴：http://jsfiddle.net/aR7va/22/

显示并附加隐藏子块以覆盖每个列表项

1 个答案: