Question

每当浏览器窗口调整到特定大小或更小时，我都会尝试将一些内容从一个DIV传输到另一个DIV。这是我的代码：

$(function () {

    function transferContent() {
        if ($(this).height() < 500) $(".target").html($(".source").html());
    }

    $(window).on("resize", transferContent);

});

这就是小提琴：https://jsfiddle.net/76yjw0rs/

请告诉我怎么做？

Answer 1

＆＃13;

$(function() {
  var content = $('.source').html();

  function transferContent() {
    if ($(this).height() < 500) {
      $(".target").html(content);
        $(".source").empty();
    }
    else{
      $(".source").html(content);
        $(".target").empty();
      }
  }
  $(window).on("resize", transferContent);

});

＆＃13;

.target {
  background-color: black;
  height: 100px;
  width: 100px;
  color: white
}
.source {
  color: white;
  background-color: brown
}

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>
<div class="target"></div>
<div class="source">CONTENT</div>

＆＃13;

Answer 2

您可能想检查窗口高度是否小于500，但使用$(this).height()。将$(this)重写为$(window)。

窗口调整大小时，将内容从一个DIV传输到另一个DIV

2 个答案: