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

Question

我想编写一个javascript或JQuery块，如果我设置一个变量＆＃34; tree，＆＃34;我会把所有内容推到右边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>

从以下屏幕截图中，您可以推导出所有内容（所有幻灯片）都包含在带有div类的.slides元素中：

使用上面提供的脚本，内容会向右移动所需的50个像素（黄色区域是左边距）：