Question

我编写了一个jQuery函数，用于在id＃quotecontact中单击“NEXT”的链接，用id quotecontact替换div的内容和另一个id的quotenext。它运行正常。但我在我的div＃quotenext中有一个'BACK'的链接，需要链接到quotecontact div，但它不起作用。我将把我的代码放在下面，让我知道我错在哪里。

<div class="slidingDiv">
<div id="quotecontact" style="display:none >     
<a href="#" class="nextquote" data-target="quotenext" style="color:#000;font-size:19px">
                                                        NEXT
                                                        </a>
</div>
<div id="quotenext" style="display:none;">
<a href="#" class="nextquote" data-target="quotecontact" style="color:#000;font-size:19px">
                                                          < BACK
                                                        </a>
</div>

<script type="text/javascript">
var $j = jQuery.noConflict();
$j(".nextquote").click(function(e) {
    e.preventDefault();
    $j(".slidingDiv").html($j("#"+$j(this).data('target')).html());
    $j(".slidingDiv").show("slide", {
        direction: "right"
    }, 200);
});
});
</script>

Answer 1

点击下一步，您需要另一个容器来放入旧数据。然后只需拉动该数据并在点击后插入即可。

//点击返回 jQuery的（ '＃当前'）的HTML（＃（ '＃旧'）的HTML（））;

然后做必要的逻辑来处理你的下一个和东西。

Answer 2

点击quoteContact后，您正在从DOM中删除当前div Next，因此如果您单击“返回”，则无法使用它，因为您尝试显示不具有的div再次退出DOM。您需要隐藏/显示它们。或动态创建它们不能将所有内容保存在DOM中。这是一个写的。请参阅Demo Here。

var $j = jQuery.noConflict();
$j(".slidingDiv").on('click', '.nextquote', function (e) {

    e.preventDefault();

    $j(this).closest('div').hide("slide", {
        direction: "right"
    }, 200);

    $j("#" + $j(this).data('target')).show("slide", {
        direction: "right"
    }, 200);

});

如何将div内容替换为另一个，然后能够检索第一个div的内容？

2 个答案: