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

Question

我想写一个 javascript 或 JQuery 的块，如果我将变量 "tree," 设置为 true，它将把我的所有内容向右推 50 像素。到目前为止，我的 R 降价文档如下所示：

<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>

从下面的屏幕截图中，您可以得出所有内容（所有幻灯片）都包含在带有 class .slides:

的 div 元素中

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

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

Position Content in a JS Reveal presentation using JQuery

javascript

jquery

position

r-markdown

reveal.js