Question

在你的一生中，你可能想知道fb评论的设计，fb喜欢，fb分享......和bla bla ..

好的，所以我现在会谈到我的观点:)

我们设计了一个博客页面。我们可以从db获取实时聊天详细信息。现在要求是我需要动态添加一个链接按钮（“编辑”文本）。在FB中我们也有“编辑评论”链接按钮。任何想法如何设计这个。

我尝了几个。但它不符合要求。总是有些错误。

单击“编辑”按钮后，必须打开输入文本框对话框，让我们编辑文本。

Answer 1

简单的解决方案

$(..commentDiv..).html("<input class='editText' type=text value='"+oldValue+"'/>");

                    var press = jQuery.Event("keypress");
                    press.ctrlKey = false;
                    press.which = 13;
                    $(".editText").trigger(press);
                    $('.editText').focus();

                    $('.editText').each(function(i,input){
                        $(input).unbind("keypress");
                        $(input).keypress(function (e) {
                        if (e.which == 13) {
                                event.preventDefault();
                                $(this).parent().html($(this).val());
                           }
                        });
                    })

如何使用asp.net创建类似于Facebook编辑按钮的链接按钮

1 个答案: