如何克隆回已从基础div克隆的弹出窗口

Question

我有一个从api获得数据的动态页面。每个div都有图片和带有counter.Consider的点击按钮，弹出的div只是普通div的缩放版本。我使用bootstrap模式类在jquery中使用.clone(true)进行放大。因为我在原始div和弹出窗口中有一个计数器的单击功能，所以我希望计数器的值返回到底层div。举例说明。如果有人单击我的计数器，值被更新，该值将反映在弹出窗口中。但是，如果有人在弹出窗口中单击，则该值不会返回到原始或底层div。该怎么做呢？

这是jquery代码。

  var post_popover = function(){
      var include = $(this).parent().parent().clone(true);
      console.log(include);
      $(include).find('#displaysquare').css("display", "none");
      $(include).find("#zoom").css("display", "block");
      $("#dialogPost").html(include);
      $('#msgModal').modal('show');
      return false;
    };

    $("div#lazy").on('click', post_popover);
    $("video#vlazy").on('click', post_popover);

    $(document).keypress(function(e){
        if(e.keyCode==27){//esc key
        $('#msgModal').modal('hide');
        $("#lazy").load(location.href + " #lazy");
      }
    });

Answer 1

您可以使用$("#myDiv").html("anything");设置div的内容。因此，只需处理弹出窗口的单击事件并更新值。如果需要触发ajax事件来更新其中的计数，则执行此操作。从您的代码看，您似乎已经知道如何绑定一个单击事件，并且大概您知道如何创建一个ajax call...so，它应该相当简单。