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

如果我将变量“tree”设置为true，我想编写一个javascript或JQuery块，将我的所有内容向右推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>

var-tree=true；
如果（树===true）{
$（文档）.ready（函数（）{
$（“body”）.css（绝对位置）；
$（“body”）.css（左，左+50）；
$（“html”）.css（绝对位置）；
$（“html”）.css（左，左+50）
$（“div.reveal”）.css（绝对位置）；
$（“div.reveal”）.css（左，左+50）
$（“div.slides”）.css（绝对位置）；
$（“div.slides”）.css（左，左+50）
});
}

---

当我编写代码时，内容显示在没有javascript时的相同位置。是否可以使用此方法将我的内容向右推50像素？如果没有，我如何才能做到这一点？任何帮助都将不胜感激

如果您想坚持使用jQuery，可以使用

左边距
：

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


var-tree=true；
如果（树===true）{
$（文档）.ready（函数（）{
$（'.slides'）.css（'margin-left'，'50px'）；
});
}

从下面的屏幕截图中，您可以得出所有内容（所有幻灯片）都包含在携带类的
div
元素中


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

您不能将
var tree=true就在YAML街区之后？啊，是的，谢谢。我做了编辑，我不是这个意思。无论如何：如果（tree==true）
，则应该是
if（tree=true）
将计算为
true
if
tree
不为true，因为您正在if条件内赋值。解决问题的方法是更改演示文稿的默认主题（特别是您在jQuery块中修改的CSS属性），并将其另存为新主题。然后你可以通过使用这个稍微改变的主题来抵消你的内容。第二个选项是只使用YAML
CSS
选项包含一个自定义CSS文件。