尝试动态设置我的html样式时遇到问题。设置如下：

<h1>Title</h1>
<div class="gridster">

  <ul>
    [...]
    <li data-row="1" data-col="1" data-sizex="1" data-sizey="1">
      <div data-id="someid" class="scrollable" data-view="List" data-unordered="true" data-title="someTitle"></div>
    </li>
  </ul>
</div>

<script>
$(window).load(function() {
  $(".scrollable").css("overflow","hidden");
  $(".scrollable").children(".content").css("height","100%");
  $(".scrollable").children(".content").css("overflow-y","scroll");
  $(".scrollable").children(".content").css("margin-right","-50px");
  $(".scrollable").children(".content").css("padding-right","50px");
});
</script>

我正在将Dashing/Smashing与Dashing Icinga结合使用来创建仪表板。在<div>块中，还有其他<div>块在运行时由后端脚本创建，以生成实际的窗口小部件内容。

从最后的脚本片段中可以看到，我正在尝试同时调整既有的div及其在运行时将成为其子级div的CSS之一，我只需要确保此代码即可在我的原始div的子级之后被执行。我该怎么办呢？

最好的问候 丹尼尔