jQuery：通过转义键保存和恢复部分 dom

发布于 2024-11-28 17:05:45 字数 412 浏览 2 评论 0原文

在 jQuery 回调中，我想存储 dom 的状态并在按下转义键时恢复此状态：

$(document).ready(function() {
    // add callbacks
    // TODO : *** store dom ***

    $( ".editable" ).click(function () {
        // add other callbacks

        $("#add").keyup(function(e){
            if (e.keyCode == 27) { // escape
                // TODO : *** restore dom ***
            }
        });
    });
});

有办法做到吗？

原文

In a jQuery callback, I would like to store a status of the dom and to restore this status when escape key is pressed :

$(document).ready(function() {
    // add callbacks
    // TODO : *** store dom ***

    $( ".editable" ).click(function () {
        // add other callbacks

        $("#add").keyup(function(e){
            if (e.keyCode == 27) { // escape
                // TODO : *** restore dom ***
            }
        });
    });
});

Is there a way to do it ?

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

屌丝范 2024-12-05 17:05:45

正在寻找这个？

$(document).ready(function() {
    // add callbacks
    var original = $(".editable").html();

    $(".editable").click(function () {
        // add other callbacks

        $("#add").keyup(function(e){
            if (e.keyCode == 27) { // escape
                $(".editable").html(original);
            }
        });
    });
});

您想要保存和恢复哪个元素？

Looking for this?

$(document).ready(function() {
    // add callbacks
    var original = $(".editable").html();

    $(".editable").click(function () {
        // add other callbacks

        $("#add").keyup(function(e){
            if (e.keyCode == 27) { // escape
                $(".editable").html(original);
            }
        });
    });
});

Which element are you trying to save and restore?

回复收藏 0 原文

沩ん囻菔务 2024-12-05 17:05:45

您可以使用 $('html').html() 保存 HTML，然后将其插入到 ESC 之后。

回复收藏 0 原文

对你的占有欲 2024-12-05 17:05:45

我们通过使用 window.location.href="url" 重新加载页面解决了问题：

$(document).ready(function() {
    // add callbacks

    $( ".editable" ).click(function () {
        // add other callbacks

        $("#add").keyup(function(e){
            if (e.keyCode == 27) { // escape
                window.location.href="thisPageUrl";
            }
        });
    });
});

所以我们不需要存储任何状态。只需依赖http请求即可。

We solved the problem by reloading the page with window.location.href="url" :

$(document).ready(function() {
    // add callbacks

    $( ".editable" ).click(function () {
        // add other callbacks

        $("#add").keyup(function(e){
            if (e.keyCode == 27) { // escape
                window.location.href="thisPageUrl";
            }
        });
    });
});

So we don't need to store any status. Just rely on http request.

回复收藏 0 原文

~没有更多了~