Question

我需要我的第一个链接指引我到一个新链接（以及一个回到旧链接的按钮）。第一个链接成功链接到新链接，但当我单击按钮返回到第一个链接时，它不起作用。我听说JQuery的replaceWith（）可以重置为它的原始状态，但我不确定它是如何工作的。为了它，我也尝试过.html而不是.replaceWith，但这也不起作用。

HTML：

<div class="page"><a href="#">First Link</a></div>

JQuery的：

$('.link').click(function(){
    $('.page').replaceWith('<a href="#">New Link</a><button class="back">Go back to First Link</button>');
});
$('.back').click(function(){
    $('.page').replaceWith('<a href="#">First Link</a>');
});

这也是小提琴：http://jsfiddle.net/HqPbP/

希望有人可以提供帮助！

Answer 1

LIVE DEMO

当您动态创建按钮时，您会对.on()方法感兴趣：

$('.page').on("click", ".link, .back", function( e ){
    e.preventDefault();
    var HTML = {
        "link" : '<a href="#">New Link</a><button class="back">Go back to First Link</button>',
        "back" : '<a href="#" class="link">First Link</a>'
        }

    $('.page').html(HTML[this.className]);
});

还：将类.link恢复到新生成的锚点：

<a href="#" class="link">First Link</a>

替换一个JQuery replaceWith？

1 个答案: