javascript - 使用 JQuery 在 JS Reveal 演示文稿中定位内容

Question

我想编写一个 javascript 或 JQuery block ，如果我将变量“tree”设置为 true，它将把我的所有内容向右推送 50 像素。到目前为止，我的 R markdown 文档如下所示:

<script>
var tree = true;
if (tree===true){
$(document).ready(function(){

  $("body").css(position,absolute);
  $("body").css(left,left+50);
  $("html").css(position,absolute);
  $("html").css(left,left+50)
  $("div.reveal").css(position,absolute);
  $("div.reveal").css(left,left+50)
  $("div.slides").css(position,absolute);
  $("div.slides").css(left,left+50)


});
}
</script>

当我编写代码时，内容显示的位置与没有 JavaScript 时的位置相同。是否可以使用此方法将我的内容向右推送 50 像素？如果没有，我还能怎样实现这一目标？任何帮助将非常感激!

Answer 1

如果你想坚持使用 jQuery，你可以使用 margin-left:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script>
var tree = true;
if (tree===true){
$(document).ready(function(){
  $('.slides').css('margin-left', '50px');
});
}
</script>

从下面的屏幕截图中，您可以得出所有内容(所有幻灯片)都包含在带有 .slides 类的 div 元素中:

使用上面提供的脚本，内容将所需的 50 像素向右移动(黄色区域是左边距):