时间戳

首页 > 解决方案 > Jquery 更新 div 包含

html - Jquery 更新 div 包含

问题描述

我有 2 个 div：

开始加载时的页面我隐藏了所有 3 个 div 之后，当用户单击 B1 时，必须将“主” div 的内容更改为 Div 1 并且 B2 和 B3 的相同 senario 现在的问题是我点击 B1 的内容正常更改，当我点击 B2 时也“但是”当我返回点击按钮 B1 时没有发生任何事情。请我想要一个干净的代码片段可以帮助我做到这一点。谢谢

那是我的代码

<div class="col-md-12" id="orderRegulation">
    <%- include('./partitionJob/orderRegulation'); %>
</div>
<div class="col-md-12" id="orderRefunded">
    <%- include('./partitionJob/orderRefunded'); %>
</div>
<script>
    $(document).ready(function() {
        $("#orderRegulation").hide();
        $("#orderRefunded").hide();
    });
</script>

当我点击按钮 1

function orderRegulation() {
    $("#row2").replaceWith(jQuery('#orderRegulation').show());
}

当我点击按钮 2

function orderRefunded() {
    $("#row2").html(jQuery('#orderRefunded').show());
}

标签： htmljqueryejs

解决方案

如果要将一个 DIV 的 HTML 复制到另一个 DIV 中，使用.html()获取原始 DIV 的 HTML。

你应该显示你正在更新的元素，而不是你正在复制的模板。

function orderRegulation() {
    $("#row2").html(jQuery('#orderRegulation').html()).show();
}

function orderRefunded() {
    $("#row2").html(jQuery('#orderRefunded').html()).show();
}

推荐阅读