Question

我正在尝试创建一个有两个按钮的div：一个用于在原始的右侧添加相同大小的div而不移动原始div的位置，另一个按钮在原文的右侧添加div。

左侧附加工作正常，但前置左侧将整个容器移至shown here

代码我用来添加元素：

$(document).ready(function() {
  $("#back").on("click", function(e) {
    e.preventDefault();
    $("#center").before("<div id='back' class='inside'></div>");
  });
  $("#next").on("click", function(e) {
    e.preventDefault();
    $("#center").after("<div id='next' class='inside'></div>");
  });
});

如何在不移动原始div的位置的情况下，将原件的左侧前置，使其“关闭屏幕”？提前谢谢！

Answer 1

使用CSS可以最好地解决问题的解决方案。

初次插入时，只需将display:none设置为左侧DIV即可。

改变这个：

$("#center").before("<div id='back' class='inside'></div>");

对此：

$("#center").before("<div id='back' class='inside' style='display:none;'></div>");

并在需要时删除该CSS属性：

$('#back').css('display', '');

然而，在大多数情况下，使用内联样式是不好的做法。您应该考虑通过分配给元素ID display:none的样式表来设置#back。对于可维护的代码，您希望保持样式（CSS），结构（HTML）和UI功能（JS）的明确分离。

Answer 2

尝试为包含div

设置以下CSS

if ((this.cal.get(Calendar.DAY_OF_WEEK) != Calendar.SATURDAY) || (this.cal.get(Calendar.DAY_OF_WEEK) == Calendar.SUNDAY)) {

在屏幕外预装/附加div？

2 个答案: